.btn {
  outline: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 4px rgba(0, 0, 0, .24);
  background: #e6e6e6;
  line-height: 30px;
  margin: 16px;
  font-size: 17px
}

.btn-inner:hover,
btn[disabled] {
  background-color: hsla(0, 0%, 100%, .4)
}

.btn-label {
  padding: 0 8px
}

.icon-btn-wrap {
  position: relative;
  display: inline-block;
  margin: 10px
}

.tooltip {
  position: absolute;
  left: -22px;
  bottom: -28px;
  white-space: nowrap;
  box-shadow: 0 2px 8px #ccc;
  padding: 4px
}

.link-btn {
  width: 100%;
  height: 100%
}

.upload-btn {
  position: relative
}

.upload-btn input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0
}

.dialog-wrap {
  position: fixed;
  top: 50%;
  left: 50%
}

.dialog {
  position: relative;
  z-index: 1;
  display: inline-block;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
  background: #fff
}

.dialog-head {
  line-height: 44px;
  color: #666;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 1px 4px #ddd
}

.dialog-body {
  padding: 20px
}

.dialog-foot .btn {
  float: right
}

.hide {
  display: none
}

.d-menu-wrap {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin: 10px
}

.unactive .menu-wrap {
  height: 0;
  overflow: hidden
}

.d-menu-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0
}

.d-menu-wrap .menu-wrap {
  position: relative;
  z-index: 1;
  margin-top: 11px
}

.d-menu-wrap .menu-wrap:after,
.d-menu-wrap .menu-wrap:before {
  display: block;
  content: " ";
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
  margin-left: -10px
}

.d-menu-wrap .menu-wrap:before {
  top: -10px;
  border-width: 10px;
  border-bottom-color: rgba(0, 0, 0, .239216)
}

.d-menu-wrap .menu-wrap:after {
  top: -9px;
  border-width: 10px;
  border-bottom-color: #fff
}

.menu-scroller-wrap {
  overflow-y: auto
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: rgba(0, 0, 0, .3)
}

.menu-wrap {
  display: inline-block;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .117647), 0 1px 4px rgba(0, 0, 0, .239216);
  border-radius: 2px
}

.menu-item {
  padding: 2px 12px
}

.menu-item-selected {
  background: #ccc
}

.toast {
  left: 0
}

.success {
  background: #dff0d8
}

.warning {
  background: #fcf8e3
}

.error {
  background: #f2dede
}

.tab-head-wrap {
  line-height: 35px
}

.img-wrap,
.tab-head-item {
  display: inline-block
}

.img-wrap {
  background: no-repeat 50% 50%;
  background-color: #e6e6e6;
  background-size: cover
}

.img-wrap img {
  width: 100%;
  display: block
}

.d-menu-wrap .sub-menu-wrap {
  position: relative;
  z-index: 1
}

.unactive .sub-menu-wrap {
  height: 0;
  overflow: hidden
}


/*!
* Bootstrap v3.0.3 (http://getbootstrap.com)
* Copyright 2013 Twitter, Inc.
* Licensed under http://www.apache.org/licenses/LICENSE-2.0
*/


/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

a {
  background: transparent
}

a:focus {
  outline: thin dotted
}

a:active,
a:hover {
  outline: 0
}

h1 {
  margin: .67em 0;
  font-size: 2em
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

mark {
  color: #000;
  background: #ff0
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre {
  white-space: pre-wrap
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
  font-size: 80%
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 0
}

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid silver
}

legend {
  padding: 0;
  border: 0
}

button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%
}

button,
input {
  line-height: normal
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button
}

button[disabled],
html input[disabled] {
  cursor: default
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
  box-sizing: border-box
}

input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0
}

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 700
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 12px;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
  outline: 0
}

.form-control:-moz-placeholder {
  color: #a5a5a5
}

.form-control::-moz-placeholder {
  color: #a5a5a5;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #a5a5a5
}

.form-control::-webkit-input-placeholder {
  color: #a5a5a5
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee
}

.show {
  display: block!important
}

.transparent {
  visibility: hidden!important
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell
}

.input-group-addon:last-child {
  border-left: 0
}

body,
form,
p {
  margin: 0
}

input,
li,
ol,
ul {
  padding: 0
}

li,
ol,
ul {
  margin: 0
}

input::selection,
textarea::selection {
  background: #d8ebff
}

input::-moz-selection,
textarea::-moz-selection {
  background: #d8ebff
}

li,
ul {
  list-style: none
}

.clear {
  clear: both
}

.right {
  float: right
}

.left {
  float: left
}

.transparent {
  visibility: hidden
}

html {
  font-size: 62.5%;
  width: 100%
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif;
  -webkit-tap-highlight-color: transparent
}

a {
  outline: none;
  text-decoration: none;
  color: #333
}

a:active,
a:hover,
a:link,
a:visited {
  outline: none;
  cursor: pointer
}

.dn {
  display: none!important
}

.fix {
  zoom: 1
}

.fix:after {
  display: block;
  content: "clear";
  clear: both;
  line-height: 0;
  visibility: hidden
}

sub {
  display: inline;
  vertical-align: sub
}

hr {
  margin-top: 4px;
  border-bottom: 0;
  border-left: 0;
  border-top: 1px solid #dedede;
  margin-bottom: 4px
}

.backcover {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1000;
  height: 100%;
  width: 100%;
  background: #000;
  filter: alpha(opacity=50);
  opacity: .5;
  display: none
}

.backcover.active {
  display: block
}

.crumb-list {
  line-height: 12px;
  font-size: 0
}

.crumb-list a,
.crumb-list span {
  font-size: 12px;
  display: inline-block;
  padding: 5px;
  border: 1px solid transparent
}

.crumb-list .icon-breadcrumb {
  text-align: center;
  width: 14px
}

.crumb-list .list-crumb-item {
  color: #666;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px
}

.crumb-list .crumb {
  color: #6886aa
}

.crumb-list .crumb:hover {
  color: #6290cc
}

.crumb-list .no-crumb {
  color: #666
}

.hicon {
  color: #888
}

.hicon:hover {
  color: #333
}

.hicon.active,
.hicon:active {
  color: #5e97d4
}

div.editable,
input {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: inset 0 1px 2px #ddd;
  border: 1px solid #ccc;
  color: #333
}

div.editable:hover,
input:hover {
  border-color: #888
}

div.editable:focus,
input:focus {
  border-color: #5e97d4
}

div.editable.error,
input.error {
  border-color: #ee7b70
}

div.editable:-moz-placeholder,
input:-moz-placeholder {
  color: #cdcdcd
}

div.editable::-moz-placeholder,
input::-moz-placeholder {
  color: #cdcdcd;
  opacity: 1
}

div.editable:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #cdcdcd
}

div.editable::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #cdcdcd
}

.btn {
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #fbfbfb);
  background: -webkit-linear-gradient(top, #fff, #fbfbfb);
  background: -o-linear-gradient(top, #fff, #fbfbfb);
  background: -ms-linear-gradient(top, #fff, #fbfbfb);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #c3c4c6;
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #53585c;
  font-size: 12px;
  padding: 0 30px
}

.btn:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px
}

.btn:hover {
  border-color: #9ea0a3;
  color: #41464b
}

.btn.active,
.btn.press,
.btn:active {
  border-color: #8b8e91;
  color: #2c3033
}

.btn.disable,
.btn.disable.active,
.btn.disable.press,
.btn.disable:active,
.btn.disable:hover {
  border-color: #e8e9e9;
  color: #d6d7d8
}

.btn.btn-ok {
  background: #41464b;
  border-color: #41464b;
  color: #fff
}

.btn.btn-ok:before {
  display: none
}

.btn.btn-ok:hover {
  background: #313438;
  border-color: #313438
}

.btn.btn-ok.active,
.btn.btn-ok.press,
.btn.btn-ok:active {
  background: #2c3033;
  border-color: #2c3033
}

.btn.btn-ok.disable,
.btn.btn-ok.disable.active,
.btn.btn-ok.disable.press,
.btn.btn-ok.disable:hover {
  background: #41464b;
  border-color: #41464b;
  opacity: .3;
  color: #fff
}

.btn.btn-error {
  background: #e95555;
  border-color: #cd4848;
  color: #fff
}

.btn.btn-error:hover {
  background: #cd4848;
  border-color: #cd4848;
  color: #fff
}

.btn.btn-link {
  background: transparent;
  margin: 0;
  padding: 0;
  color: #6da2d7;
  border: none
}

.btn.btn-link:hover {
  text-decoration: underline
}

.tooltip:after {
  content: attr(data-tooltip);
  position: absolute;
  background: #fff;
  padding: 0 8px;
  text-align: center;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  height: 16px;
  line-height: 18px;
  bottom: -22px;
  color: #888;
  white-space: nowrap;
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc;
  display: none
}

.tooltip:hover:after {
  display: block
}

.sprite {
  background: url("https://assets-cdn.shimo.im/assets/images/back_sprite-80d8d30909.png") no-repeat;
  background-size: 187px 266px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .sprite {
      background: url("https://assets-cdn.shimo.im/assets/images/back_sprite_2x-7586f33210.png") no-repeat;
      background-size: 187px 266px
  }
}

.team-sprite {
  background-image: url("https://assets-cdn.shimo.im/assets/images/teams-31aea6334f.png");
  background-size: 499px 310px;
  background-repeat: no-repeat
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .team-sprite {
      background-image: url("https://assets-cdn.shimo.im/assets/images/teams_2x-38bac19fd8.png")
  }
}

.add-item-import,
.add-item-new_import {
  background-image: url("https://assets-cdn.shimo.im/assets/images/import-b537822894.png");
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  background-position: -2px, 0;
  background-size: 24px, 24px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .add-item-import,
  .add-item-new_import {
      background-image: url("https://assets-cdn.shimo.im/assets/images/import_2x-19bc433ed3.png")
  }
}

.trangle-box span,
.trangle span {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  top: -7px;
  background: none
}

.trangle-box span.down,
.trangle-box span.top,
.trangle span.down,
.trangle span.top {
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff
}

.trangle-box span.left,
.trangle-box span.right,
.trangle span.left,
.trangle span.right {
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: #fff
}

.trangle-box span.left,
.trangle span.left {
  border-right-color: hsla(0, 0%, 53%, .2)
}

.trangle-box span.top,
.trangle span.top {
  top: -8px;
  border-bottom-color: hsla(0, 0%, 53%, .2);
  z-index: 10
}

.trangle-box span.down,
.trangle span.down {
  z-index: 11
}

.overflow-hidden {
  overflow: hidden
}

.arrow-up {
  display: none
}

.arrow-up span {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  top: -7px;
  left: 19px;
  background: none
}

.arrow-up .top {
  top: -8px;
  border-bottom-color: hsla(0, 0%, 53%, .15);
  z-index: 10
}

.arrow-up .down {
  z-index: 11
}

.arrow-down {
  display: none
}

.arrow-down span {
  position: absolute;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  left: 19px;
  background: none
}

.arrow-down .top {
  bottom: -8px;
  border-bottom-color: hsla(0, 0%, 53%, .15);
  z-index: 10
}

.arrow-down .down {
  z-index: 11
}

.modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: hsla(0, 0%, 100%, .6);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.modal-container {
  position: absolute;
  width: 656px;
  height: 500px;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  margin-left: -327px;
  margin-top: -250px;
  background: #fff;
  -webkit-box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22);
  -moz-box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22);
  -ms-box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22);
  -o-box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22);
  box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22)
}

.modal-close-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 40px;
  height: 40px
}

.modal-close-icon {
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background-position: -380px -100px
}

.modal-btn {
  width: 172px;
  height: 34px;
  display: inline-block;
  font-size: 14px;
  border-radius: 1px;
  text-align: center;
  line-height: 34px
}

.modal-confirm-btn,
.modal-default-btn {
  color: #fff;
  background-color: #41464b
}

.modal-confirm-btn:hover,
.modal-default-btn:hover {
  background-color: #313438
}

.modal-confirm-btn.disable,
.modal-default-btn.disable {
  border-color: #41464b;
  opacity: .3;
  color: #fff;
  pointer-events: none
}

.modal-cancel-btn {
  color: #41464b;
  background-color: #e5e5e5
}

.modal-cancel-btn:hover {
  background-color: #dadada
}

.logo-30 {
  background-image: url("https://assets-cdn.shimo.im/assets/images/logo_30-a5d2d14d42.png");
  background-size: 112px 30px;
  display: block;
  width: 112px;
  height: 30px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .logo-30 {
      background-image: url("https://assets-cdn.shimo.im/assets/images/logo_30_2x-0c5eb55fba.png")
  }
}

.logo-22 {
  background-image: url("https://assets-cdn.shimo.im/assets/images/logo_22-9aa833350c.png");
  background-size: 82px 22px;
  display: block;
  width: 82px;
  height: 22px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .logo-22 {
      background-image: url("https://assets-cdn.shimo.im/assets/images/logo_22_2x-66ae839367.png")
  }
}

.logo-22.left,
.logo-22.right,
.logo-30.left,
.logo-30.right {
  float: left
}

.logo-22.center,
.logo-30.center {
  margin-left: auto;
  margin-right: auto
}

.text-indent-all {
  text-indent: -9999px
}

.one-line-truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.outer-container {
  width: 100vw
}

.disconnect {
  position: fixed;
  bottom: 20px;
  left: 50%;
  width: 350px;
  margin-left: -175px;
  text-align: center;
  background: #e8ecf1;
  border: 1px solid #c7d1df;
  display: none;
  border-radius: 4px;
  z-index: 2000;
  -moz-opacity: .95;
  -khtml-opacity: .95;
  opacity: .95;
  -webkit-box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  -moz-box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  -ms-box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  -o-box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  line-height: 33px;
  font-size: 14px
}

.disconnect .disconnect-info,
.disconnect .hicon {
  color: #53698c
}

.disconnect .hicon {
  margin-left: 10px;
  top: -1px
}

.disconnect-mask {
  width: 100%;
  height: 100%;
  top: 66px;
  background: hsla(0, 0%, 100%, .25)
}

.disconnect-mask,
.m-disconnect-mask {
  display: none;
  position: fixed;
  left: 0;
  z-index: 1000
}

.m-disconnect-mask {
  top: 43px;
  right: 0;
  bottom: 0;
  opacity: .5;
  background-color: #000
}

.m-disconnect-mask.active {
  display: block
}

.m-disconnect {
  position: fixed;
  z-index: 1001;
  top: -43px;
  left: 0;
  right: 0;
  height: 43px;
  opacity: 0;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  color: #41464b;
  line-height: 43px;
  text-align: center;
  background-color: #fff
}

.m-disconnect .m-icon {
  height: 20px;
  width: 15px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/m_icons-c17f40618a.png);
  background-repeat: no-repeat;
  background-position: -326px 3px;
  background-size: 400px 300px
}

.m-disconnect.active {
  top: 0;
  opacity: 1
}

.m-disconnect .m-icon {
  margin-bottom: -1px
}

.sm-dropdown,
.sm-dropdown * {
  box-sizing: border-box
}

.sm-dropdown {
  position: absolute;
  top: 100%;
  margin-top: 3px;
  z-index: 9999;
  min-width: 100px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
  text-align: left;
  padding: 5px 0
}

.sm-dropdown-hidden {
  display: none
}

.sm-dropdown-mask {
  z-index: 9998;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.sm-dropdown-mask-hidden {
  display: none
}

.sm-dropdown-button {
  cursor: pointer;
  width: 80px;
  height: 27px;
  line-height: 25px;
  border: 1px solid #e5e5e5;
  text-align: center;
  color: #73a2e3;
  border-radius: 1px
}

.sm-dropdown-button:hover {
  border-color: #bbb
}

.sm-dropdown-button:focus {
  background-color: rgba(0, 0, 0, .02)
}

.sm-dropdown-button:after {
  content: " ";
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 3px;
  background: url("https://assets-cdn.shimo.im/assets/images/trangle-25a6b9957c.png") no-repeat;
  background-size: 5px 3px
}

.sm-dropdown-button.no-overlay:after {
  display: none
}

.sm-dropdown-menu:focus {
  outline: none
}

.sm-dropdown-menu .sm-dropdown-menu-item {
  cursor: pointer;
  display: block;
  white-space: nowrap;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 15px
}

.sm-dropdown-menu .sm-dropdown-menu-item:hover {
  background-color: #f7f7f7
}

.sm-dropdown-menu .sm-dropdown-menu-item-divider {
  height: 1px;
  margin: 4px 15px;
  overflow: hidden;
  background-color: #e5e5e5
}

.sm-popver,
.sm-popver * {
  box-sizing: border-box
}

.sm-popover {
  position: absolute;
  z-index: 1000;
  padding-top: 8px
}

.sm-popover-inner {
  min-width: 177px;
  min-height: 80px;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 3px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2)
}

.sm-popover-inner>div {
  width: 100%;
  height: 100%
}

.sm-popover-inner-content {
  height: 100%
}

.sm-popover-hidden {
  display: none
}

.sm-popover-placement-top,
.sm-popover-placement-topLeft,
.sm-popover-placement-topRight {
  padding-bottom: 8px
}

.sm-popover-placement-right,
.sm-popover-placement-rightBottom,
.sm-popover-placement-rightTop {
  padding-left: 8px
}

.sm-popover-placement-bottom,
.sm-popover-placement-bottomLeft,
.sm-popover-placement-bottomRight {
  padding-top: 8px
}

.sm-popover-placement-left,
.sm-popover-placement-leftBottom,
.sm-popover-placement-leftTop {
  padding-right: 8px
}

.sm-popover-arrow,
.sm-popover-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.sm-popover-arrow {
  border-width: 8px
}

.sm-popover-arrow:after {
  border-width: 7px;
  content: ""
}

.sm-popover-placement-top>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-topLeft>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-topRight>.sm-popover-content>.sm-popover-arrow {
  border-bottom-width: 0;
  border-top-color: hsla(0, 0%, 53%, .2);
  bottom: 0
}

.sm-popover-placement-top>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-topLeft>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-topRight>.sm-popover-content>.sm-popover-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -7px;
  border-bottom-width: 0;
  border-top-color: #fff
}

.sm-popover-placement-top>.sm-popover-content>.sm-popover-arrow {
  left: 50%;
  margin-left: -8px
}

.sm-popover-placement-topLeft>.sm-popover-content>.sm-popover-arrow {
  left: 16px
}

.sm-popover-placement-topRight>.sm-popover-content>.sm-popover-arrow {
  right: 16px
}

.sm-popover-placement-right>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-rightBottom>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-rightTop>.sm-popover-content>.sm-popover-arrow {
  left: 0;
  border-left-width: 0;
  border-right-color: hsla(0, 0%, 53%, .2)
}

.sm-popover-placement-right>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-rightBottom>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-rightTop>.sm-popover-content>.sm-popover-arrow:after {
  content: " ";
  left: 1px;
  bottom: -7px;
  border-left-width: 0;
  border-right-color: #fff
}

.sm-popover-placement-right>.sm-popover-content>.sm-popover-arrow {
  top: 50%;
  margin-top: -8px
}

.sm-popover-placement-rightTop>.sm-popover-content>.sm-popover-arrow {
  top: 12px
}

.sm-popover-placement-rightBottom>.sm-popover-content>.sm-popover-arrow {
  bottom: 12px
}

.sm-popover-placement-bottom>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-bottomLeft>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-bottomRight>.sm-popover-content>.sm-popover-arrow {
  border-top-width: 0;
  border-bottom-color: hsla(0, 0%, 53%, .2);
  top: 0
}

.sm-popover-placement-bottom>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-bottomLeft>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-bottomRight>.sm-popover-content>.sm-popover-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -7px;
  border-top-width: 0;
  border-bottom-color: #fff
}

.sm-popover-placement-bottom>.sm-popover-content>.sm-popover-arrow {
  left: 50%;
  margin-left: -8px
}

.sm-popover-placement-bottomLeft>.sm-popover-content>.sm-popover-arrow {
  left: 16px
}

.sm-popover-placement-bottomRight>.sm-popover-content>.sm-popover-arrow {
  right: 16px
}

.sm-popover-placement-left>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-leftBottom>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-leftTop>.sm-popover-content>.sm-popover-arrow {
  right: 0;
  border-right-width: 0;
  border-left-color: hsla(0, 0%, 53%, .2)
}

.sm-popover-placement-left>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-leftBottom>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-leftTop>.sm-popover-content>.sm-popover-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -7px
}

.sm-popover-placement-left>.sm-popover-content>.sm-popover-arrow {
  top: 50%;
  margin-top: -8px
}

.sm-popover-placement-leftTop>.sm-popover-content>.sm-popover-arrow {
  top: 12px
}

.sm-popover-placement-leftBottom>.sm-popover-content>.sm-popover-arrow {
  bottom: 12px
}

.sm-label {
  display: inline-block;
  vertical-align: bottom
}

.text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.sm-switch {
  cursor: pointer;
  margin-bottom: 0
}

.sm-switch .groove {
  width: 43px;
  border-radius: 10px;
  background: #eee;
  height: 20px;
  box-shadow: inset 0 2px 3px #ccc;
  border: 1px solid #ddd;
  background: -moz-linear-gradient(top, #f5f5f5, #ededed);
  background: -webkit-linear-gradient(top, #f5f5f5, #ededed);
  background: -o-linear-gradient(top, #f5f5f5, #ededed);
  background: -ms-linear-gradient(top, #f5f5f5, #ededed);
  background: linear-gradient(180deg, #f5f5f5, #ededed)
}

.sm-switch .stick {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  margin-top: -23px;
  background: #fff;
  box-shadow: 0 2px 4px #999;
  border: 1px solid #ddd;
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: -o-linear-gradient(top, #fff, #f0f0f0);
  background: -ms-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(180deg, #fff, #f0f0f0);
  left: 0;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.sm-switch.on .groove {
  background: #48ae0a;
  border-color: #349e00;
  box-shadow: inset 0 2px 3px #349e00;
  background: -moz-linear-gradient(top, #56ba17, #3fa701);
  background: -webkit-linear-gradient(top, #56ba17, #3fa701);
  background: -o-linear-gradient(top, #56ba17, #3fa701);
  background: -ms-linear-gradient(top, #56ba17, #3fa701);
  background: linear-gradient(180deg, #56ba17, #3fa701)
}

.sm-switch.on .stick {
  left: 25px
}

.sm-switch * {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.sm-tab .tab-head-wrap {
  padding: 0 10px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px
}

.sm-tab .tab-head-item {
  cursor: pointer;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: -1px;
  font-size: 12px;
  line-height: 34px;
  color: #a5a5a5
}

.sm-tab .tab-head-item.selected {
  color: #333;
  border-bottom: 2px solid #41464b
}

.sm-tab .tab-head-item:hover {
  color: #333
}

.sm-tab .tab-content-wrap {
  padding: 0 10px
}

.sm-dropdown-button.role-empty:after {
  display: none
}

@font-face {
  font-family: chuxintech;
  src: url("https://assets-cdn.shimo.im/assets/fonts/chuxintech-6631275458.eot");
  src: url("https://assets-cdn.shimo.im/assets/fonts/chuxintech-6631275458.eot?#iefix") format("embedded-opentype"), url("https://assets-cdn.shimo.im/assets/fonts/chuxintech-928b339612.woff") format("woff"), url("https://assets-cdn.shimo.im/assets/fonts/chuxintech-0495352ac8.ttf") format("truetype"), url("https://assets-cdn.shimo.im/assets/fonts/chuxintech-1c5ae92ec6.svg#chuxintech") format("svg")
}

@font-face {
  font-family: Source Code Pro;
  font-style: normal;
  font-weight: 400;
  src: url("https://assets-cdn.shimo.im/assets/fonts/sourcecodepro-249ec80c4d.eot");
  src: url("https://assets-cdn.shimo.im/assets/fonts/sourcecodepro-249ec80c4d.eot?#iefix") format("embedded-opentype"), url("https://assets-cdn.shimo.im/assets/fonts/sourcecodepro-4a4a818a0a.woff") format("woff"), url("https://assets-cdn.shimo.im/assets/fonts/sourcecodepro-cc35f676db.ttf") format("truetype");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000
}

.hicon {
  font-family: chuxintech!important;
  font-style: normal;
  display: inline-block;
  position: relative;
  top: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.hicon,
.hicon:before {
  text-rendering: optimizeLegibility
}

.hicon:empty {
  width: 1em
}

@font-face {
  font-family: mf-shangya;
  src: url("https://assets-cdn.shimo.im/assets/fonts/mf-shangya-e4ea24792d.eot");
  src: url("https://assets-cdn.shimo.im/assets/fonts/mf-shangya-e4ea24792d.eot?#iefix") format("embedded-opentype"), url("https://assets-cdn.shimo.im/assets/fonts/mf-shangya-28c2ec29aa.woff") format("woff"), url("https://assets-cdn.shimo.im/assets/fonts/mf-shangya-a573fd0b2b.ttf") format("truetype"), url("https://assets-cdn.shimo.im/assets/fonts/mf-shangya-18ee08d364.svg#mf-shangya") format("svg");
  font-style: normal;
  font-weight: 400
}

.header {
  position: relative;
  z-index: 110;
  background: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: -moz-linear-gradient(top, #fdfdfd, #fff);
  background: -webkit-linear-gradient(top, #fdfdfd, #fff);
  background: -o-linear-gradient(top, #fdfdfd, #fff);
  background: -ms-linear-gradient(top, #fdfdfd, #fff);
  background: linear-gradient(180deg, #fdfdfd, #fff);
  -webkit-box-shadow: 0 2px 3px 0 hsla(0, 0%, 39%, .15);
  -moz-box-shadow: 0 2px 3px 0 hsla(0, 0%, 39%, .15);
  -ms-box-shadow: 0 2px 3px 0 hsla(0, 0%, 39%, .15);
  -o-box-shadow: 0 2px 3px 0 hsla(0, 0%, 39%, .15);
  box-shadow: 0 2px 3px 0 hsla(0, 0%, 39%, .15);
  height: 50px;
  line-height: 50px
}

.header.file-header {
  border-bottom: 1px solid #ddd;
  min-width: 1280px
}

.header .hicon {
  top: 0
}

.h-container {
  height: 100%;
  width: 1136px;
  margin: 0 auto;
  position: relative
}

.header-left-box {
  height: 100%
}

.header-left-box .header-status,
.header-left-box .header-title-box,
.header-left-box .icon-arrow-back {
  float: left
}

.header-left-box .doc-logo {
  float: left;
  margin-left: 30px;
  margin-top: 14px
}

.header-left-box .s-home-link-wrap {
  float: left;
  height: 50px;
  padding-left: 30px
}

.header-left-box .s-home-link-wrap .s-home-link {
  display: inline-block;
  height: 16px;
  width: 66px;
  background: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo-0e480af845.png") no-repeat;
  background-size: cover;
  margin: 17px 0
}

.header-left-box .s-home-link-wrap .s-home-link.custom-logo {
  background: none
}

.header-left-box .s-home-link-wrap .s-home-link.custom-logo .header-logo-img {
  width: 66px;
  height: 16px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .header-left-box .s-home-link-wrap .s-home-link {
      background-image: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo_2x-7925de526a.png")
  }
}

.header-left-box .sheet-img-not-loggin {
  margin-left: 24px;
  margin-right: 9px
}

.header-left-box .title-loggin {
  margin-left: 4px;
  margin-right: 10px
}

.header-left-box .s-title {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #333;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  text-align: left
}

.header-left-box .writeable-sheet-status-bar {
  float: none;
  vertical-align: top
}

.header-right-box {
  position: absolute;
  height: 100%;
  top: 0;
  right: 18px;
  line-height: 49px
}

.header-right-box .right-btn-group {
  position: relative;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  margin-left: -10px
}

.header-right-box .right-btn {
  display: inline-block;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .11);
  border-radius: 2px;
  color: #666;
  letter-spacing: 0
}

.header-right-box .mark-star {
  width: 72px;
  background: #fff;
  font-family: STsong, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif
}

.header-right-box .mark-star.active {
  color: #ccc
}

.header-right-box .register-or-login {
  margin-left: 10px;
  width: 92px;
  background: rgba(65, 70, 75, .06)
}

.header-dropdown-box {
  height: 100%;
  position: relative;
  outline: none;
  display: inline-block
}

.config-dropdown,
.message-dropdown {
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc;
  padding-bottom: 3px;
  border-radius: 2px;
  z-index: 1000;
  position: absolute;
  top: 48px;
  display: none;
  font-size: 14px;
  background-color: #fff
}

.config-dropdown.active,
.message-dropdown.active {
  display: block
}

.config-dropdown .trangle span.top,
.message-dropdown .trangle span.top {
  border-bottom-color: hsla(0, 0%, 53%, .1)
}

.dropdown-btn {
  cursor: pointer
}

.header-item-wrap {
  position: relative;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  vertical-align: top;
  font-size: 12px;
  color: #666;
  margin-left: 13px;
  margin-right: 15px
}

.header-item-wrap:last-child {
  margin-right: -12px
}

.header-item-btn {
  height: 52px;
  line-height: 52px;
  display: inline-block;
  color: #666
}

.header-item-btn:hover {
  color: #333
}

.header-item-icon {
  float: left;
  margin-top: 15px
}

.config-avatar {
  position: relative;
  height: 20px;
  width: 20px;
  line-height: 20px;
  border-radius: 20px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  transition: all .3s cubic-bezier(.31, .44, .445, 1.1)
}

.config-avatar img {
  width: 100%;
  height: 100%
}

.config-avatar:hover {
  box-shadow: 0 1px 2px #888
}

.config-avatar.anonymous {
  cursor: default
}

.config-avatar.anonymous:hover {
  box-shadow: 0 1px 2px transparent
}

.config-avatar .img-wrap {
  width: 20px;
  height: 20px;
  background-color: transparent!important
}

.config-avatar-wrap {
  position: relative;
  margin-top: 15px;
  width: 20px;
  height: 20px;
  text-align: left
}

.header-menu-popover .sm-popover-inner-content {
  width: 240px
}

.header-menu-items {
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.header-menu-items .header-menu-dividing {
  height: 0;
  width: 210px;
  margin: 5px auto;
  border-bottom: 1px solid #e5e5e5
}

.header-menu-item {
  display: block;
  position: relative;
  padding: 10px 20px;
  font-size: 12px;
  color: #a5a5a5;
  line-height: 1em
}

.header-menu-item.enable-click {
  cursor: pointer;
  color: #666
}

.header-menu-item.enable-click:hover {
  background-color: #f5f5f5
}

.header-menu-item .account-type-wrapper {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.header-menu-item .account-type-wrapper a {
  color: #73a2e3
}

.header-menu-item .account-type-wrapper a:hover {
  color: #4682c1
}

.header-menu-item .account-email,
.header-menu-item .account-email-setting {
  display: block;
  margin-top: 10px
}

.header-menu-item .maybe {
  margin-left: 5px;
  margin-right: 5px
}

.header-menu-item .account-upgrade-btn,
.header-menu-item .enterprise-name {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #e5e5e5
}

.header-menu-link,
.header-menu-link:active,
.header-menu-link:hover,
.header-menu-link:visited {
  color: #6da0e3
}

.used-amount-wrap.out-of-amount .used-amount-process {
  background-color: rgba(233, 85, 85, .2)
}

.used-amount-wrap.out-of-amount .used-amount-process .used-amount-part {
  display: none
}

.used-amount-process {
  height: 6px;
  margin-top: 12px;
  margin-bottom: 12px;
  background-color: rgba(109, 160, 227, .1);
  border-radius: 1px
}

.used-amount-process .used-amount-part {
  height: 6px;
  border-radius: 1px;
  background-color: #6da0e3
}

.left-doc-img,
.left-sheet-img {
  vertical-align: top;
  float: left;
  height: 20px;
  margin-top: 15px;
  width: 20px
}

.team-icon-doc {
  width: 20px;
  height: 20px;
  background-position: -20px -60px
}

.team-icon-sheet {
  width: 20px;
  height: 20px;
  background-position: -60px -60px
}

.header-status,
.header-title-box,
.left-doc-img,
.left-sheet-img {
  display: inline-block
}

.header-status {
  margin-left: 13px;
  margin-top: 1px;
  font-size: 12px;
  color: #666
}

.header-title-box {
  margin-right: 2px;
  font-size: 12px;
  font-weight: 700;
  color: #333
}

.header-title-box a {
  cursor: default
}

#header-title-name {
  padding-left: 4px;
  vertical-align: middle
}

.header-logo {
  color: #4b7499;
  text-decoration: none;
  margin: 3px 5px;
  position: absolute;
  top: 11px;
}

.header-logo-img {
  display: block;
  width: 82px;
  height: 22px
}

.team-icon-star {
  width: 20px;
  height: 20px;
  background-position: -420px -100px
}

.team-icon-star.active {
  background-position: -460px -100px
}

.mark-star-icon {
  float: left;
  margin-top: 15px
}

.header-star-btn {
  display: inline-block;
  position: relative;
  float: left;
  height: 52px;
  line-height: 52px;
  padding-left: 5px;
  padding-right: 5px
}

.header-star-btn.active .mark-star-icon {
  background-position: -460px -100px
}

.header-star-btn .s-tooltip {
  display: none;
  top: 45px
}

.header-star-btn:hover .s-tooltip {
  display: inline-block
}

.header-item-add-wrap:hover .team-icon-add {
  background-position: -180px -60px
}

.team-icon-add {
  width: 20px;
  height: 20px;
  background-position: -180px -20px
}

.header-dropdown-wrap {
  position: absolute;
  top: 50px;
  margin-left: -10px;
  z-index: 1000;
  display: none;
  width: 116px;
  height: 145px;
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc
}

.header-dropdown-wrap.active {
  display: block
}

.header-dropdown-wrap .down,
.header-dropdown-wrap .top {
  left: 50%;
  margin-left: -7px
}

.header-dropdown-list {
  margin-top: 10px
}

.header-dropdown-list hr {
  width: 88px
}

.header-dropdown-item {
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  font-size: 12px;
  cursor: pointer
}

.header-dropdown-item:hover {
  background: #f5f5f5
}

.header-dropdown-item.disabled {
  cursor: default;
  opacity: .8
}

.header-dropdown-item.disabled:hover {
  background: none
}

.dropdown-item-icon {
  display: inline-block;
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 5px;
  background-repeat: no-repeat
}

.dropdown-item-text {
  padding-left: 12px;
  line-height: 30px
}

.import-file {
  position: relative
}

.import-file .import-file-tooltip {
  display: none;
  top: 5px;
  left: -85px
}

.import-file .import-file-tooltip:before {
  top: 6px;
  left: 147px;
  border-width: 6px;
  border-color: #41464b;
  border-right-width: 0;
  border-bottom-color: transparent;
  border-top-color: transparent
}

.import-file:hover .import-file-tooltip {
  display: block
}

.create-team {
  position: relative
}

.create-team:after {
  content: "beta";
  position: absolute;
  line-height: 1;
  top: 4px;
  left: 42px;
  color: #6da2d7;
  font-weight: 700;
  font-size: 12px;
  transform: scale(.67)
}

.header-notification-wrap {
  cursor: default
}

.header-notification-wrap.active {
  display: inline-block
}

.header-notification-link {
  color: #6da2d7
}

.header-notification-link:hover {
  text-decoration: underline
}

.header-notification-wrap:hover .header-notification-close {
  opacity: 1;
  pointer-events: auto
}

.header-notification-close {
  display: inline-block;
  opacity: 0;
  pointer-events: none;
  float: right;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  background-position: -340px -100px;
  cursor: pointer
}

.header-avatar-wrap {
  position: relative;
  right: 220px
}

.spreadsheet .header-avatar-wrap-anonymous {
  right: 202px
}

.old-sheet-header .header-avatar-wrap {
  right: 166px
}

.old-sheet-header .header-avatar-wrap-unauthorized {
  right: 40px
}

.header-avatar-wrap-anonymous {
  right: 202px
}

.header-avatar-wrap-unauthorized {
  right: 94px
}

.avatar-wrap {
  overflow: hidden
}

.avatar-wrap,
.header-avatar {
  height: 20px;
  width: 20px;
  border-radius: 20px
}

.header-avatar {
  position: absolute;
  right: 0;
  top: 15px;
  line-height: 20px;
  display: inline-block;
  padding: 0;
  overflow: visible;
  z-index: 101;
  -webkit-transition: all .3s cubic-bezier(.31, .44, .445, 1.1);
  -moz-transition: all .3s cubic-bezier(.31, .44, .445, 1.1);
  transition: all .3s cubic-bezier(.31, .44, .445, 1.1)
}

.header-avatar.header-avatar-enter {
  right: 2px!important;
  z-index: 0!important
}

.header-avatar.header-avatar-enter .header-avatar-color {
  display: none
}

.header-avatar.header-avatar-leave {
  right: 2px!important;
  z-index: 0!important;
  opacity: 0
}

.header-avatar img {
  width: 100%;
  height: 100%
}

.header-avatar:hover .header-avatar-tooltip {
  display: block
}

.header-avatar-tooltip.tooltip {
  display: none;
  position: absolute;
  top: 27px;
  left: 9px
}

.header-avatar-color {
  display: inline-block;
  height: 4px;
  width: 4px;
  border-radius: 4px;
  border: 2px solid #fff;
  position: absolute;
  bottom: 0;
  right: -3px
}

.download-app-icon {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  background-position: -146px 0
}

.download-app-modal.flat-dialog .dialog {
  width: 320px
}

.download-app-modal.flat-dialog .dialog-body {
  padding-top: 10px;
  padding-bottom: 40px;
  text-align: center
}

.download-app-modal.flat-dialog .download-app-title {
  line-height: 1;
  font-size: 17px;
  color: #41464b
}

.band-icon-sprite {
  background-image: url("https://assets-cdn.shimo.im/assets/images/desktop_list/download-442c6d3de7.png");
  background-size: 70px 30px;
  background-repeat: no-repeat
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .band-icon-sprite {
      background-image: url("https://assets-cdn.shimo.im/assets/images/desktop_list/download_2x-a7c11fbe1c.png")
  }
}

.band-icon {
  display: inline-block;
  width: 25px;
  height: 30px;
  margin-left: -4px;
  vertical-align: middle
}

.ios-band-icon {
  background-position: 0 0;
  margin-right: 10px
}

.android-band-icon {
  background-position: -25px 0;
  margin-right: 10px
}

.download-app-btn {
  width: 180px;
  margin: 12px auto
}

.download-app-btn.sm-btn {
  text-align: left
}

.download-app-url-qrcode {
  width: 185px;
  height: 185px;
  margin: 35px auto;
  background-image: url("https://assets-cdn.shimo.im/assets/images/desktop_list/qrcode-dab75feb15.png");
  background-repeat: no-repeat;
  background-size: 185px 185px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .download-app-url-qrcode {
      background-image: url("https://assets-cdn.shimo.im/assets/images/desktop_list/qrcode_2x-f8eff62d92.png")
  }
}

.crumb-wrap {
  position: relative;
  display: inline-block;
  float: left;
  line-height: 50px;
  height: 50px;
  overflow: visible;
  vertical-align: top
}

.crumb-dropdown-btn {
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 15px;
  margin-right: 15px;
  background-position: -220px -180px
}

.crumb-dropdown-btn:hover {
  background-position: -260px -180px
}

.crumb-dropdown-wrap {
  position: absolute;
  display: none;
  width: 200px;
  max-height: 210px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 30px;
  background-color: #fff;
  z-index: 999;
  top: 55px;
  left: -93px;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 2px;
  -webkit-box-shadow: 0 3px 4px hsla(0, 0%, 53%, .4);
  -moz-box-shadow: 0 3px 4px hsla(0, 0%, 53%, .4);
  -ms-box-shadow: 0 3px 4px hsla(0, 0%, 53%, .4);
  -o-box-shadow: 0 3px 4px hsla(0, 0%, 53%, .4);
  box-shadow: 0 3px 4px hsla(0, 0%, 53%, .4)
}

.crumb-dropdown-wrap.active {
  display: block
}

.crumb-list-item {
  height: 30px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 12px;
  line-height: 30px;
  cursor: pointer
}

.crumb-list-item:hover {
  background-color: #efefef
}

.crumb-list-link {
  display: inline-block;
  width: 100%;
  color: #444;
  line-height: 30px;
  padding-left: 36px
}

.crumb-list-indent0.crumb-list-link {
  padding-left: 0
}

.crumb-list-indent1.crumb-list-link {
  padding-left: 12px
}

.crumb-list-indent2.crumb-list-link {
  padding-left: 24px
}

.crumb-list-indent3.crumb-list-link {
  padding-left: 36px
}

.crumb-list-icon {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 5px
}

.crumb-desktop-icon {
  background-position: -100px -220px
}

.crumb-team-icon {
  background-position: -140px -220px
}

.crumb-folder-icon {
  background-position: -260px -220px
}

.crumb-item-name {
  padding-left: 10px
}

.crumb-loading {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px
}

.crumb-loading-img {
  width: 100%;
  height: 100%
}

.header-back-up {
  float: left;
  margin-left: 6px;
  width: 31px;
  height: 50px
}

.header-back-up:hover .header-back-icon {
  background-position: -7px, 0
}

.header-back-icon {
  display: block;
  width: 7px;
  height: 14px;
  margin-top: 18px;
  margin-left: 15px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/icon_goback-4c58869ed2.png");
  background-repeat: no-repeat;
  background-size: 14px, 14px;
  background-position: 0, 0
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .header-back-icon {
      background-image: url("https://assets-cdn.shimo.im/assets/images/icon_goback_2x-21531e9e88.png")
  }
}

.import {
  position: absolute;
  top: -3px;
  left: 100px
}

.paid-survey-modal {
  background: hsla(0, 0%, 96%, .92)!important
}

.paid-survey-modal .dialog {
  width: 700px!important;
  margin-left: -350px!important;
  top: 20%!important;
  outline: 1px solid #ccc;
  outline-offset: -12px
}

.paid-survey-modal .dialog-head {
  display: none
}

.paid-survey-modal .dialog-body {
  padding: 12px!important;
  width: 676px!important;
  height: 390px!important;
  max-height: 445px!important
}

.paid-survey-modal .dialog-body div {
  padding-left: 56px;
  padding-right: 56px;
  font-size: 15px;
  color: #41464b;
  line-height: 1.8
}

.paid-survey-modal .dialog-foot {
  display: none
}

.paid-survey-modal #survey-letter {
  width: 180px;
  height: 60px;
  display: inline-block;
  margin-bottom: 60px;
  margin-left: 36px;
  background-size: 180px 60px;
  background: url("https://assets-cdn.shimo.im/assets/images/letter-4cb07ef5aa.png") no-repeat
}

.paid-survey-modal #survey-computer {
  margin-top: 18px;
  width: 456px;
  height: 170px;
  display: inline-block;
  background-size: 456px 170px;
  background: url("https://assets-cdn.shimo.im/assets/images/computer-6b71c64520.png") no-repeat
}

.paid-survey-modal #survey-founder {
  float: right
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .paid-survey-modal #survey-letter {
      background: url("https://assets-cdn.shimo.im/assets/images/letter_2x-680fc75552.png") no-repeat;
      background-size: 180px 60px
  }
  .paid-survey-modal #survey-computer {
      background: url("https://assets-cdn.shimo.im/assets/images/computer_2x-703fcada2a.png") no-repeat;
      background-size: 456px 170px
  }
}

#header .s-menu-btn-wrap {
  margin: 0;
  width: auto!important
}

#header .s-menu-btn-wrap .share-btn-wrap {
  float: none
}

#header .s-menu-btn-wrap>* {
  line-height: normal;
  vertical-align: middle
}

#nprogress {
  pointer-events: none
}

#nprogress .bar {
  background: #787d83;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px
}

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #787d83, 0 0 5px #787d83;
  opacity: 1;
  -webkit-transform: rotate(3deg) translateY(-4px);
  -ms-transform: rotate(3deg) translateY(-4px);
  transform: rotate(3deg) translateY(-4px)
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative
}

.nprogress-custom-parent #nprogress .bar,
.nprogress-custom-parent #nprogress .spinner {
  position: absolute
}

@-webkit-keyframes nprogress-spinner {
  0% {
      -webkit-transform: rotate(0deg)
  }
  to {
      -webkit-transform: rotate(1turn)
  }
}

@keyframes nprogress-spinner {
  0% {
      transform: rotate(0deg)
  }
  to {
      transform: rotate(1turn)
  }
}

.list-view-wrap {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

#list-view {
  height: 100%;
  width: 100%
}

.list-view-wrap {
  height: calc(100% - 52px);
  overflow: hidden;
  background: #f7f7f7
}

.list-container {
  position: relative;
  height: 100%;
  overflow: auto
}

.list-outer-container {
  position: relative;
  padding-left: 50px;
  margin-left: calc(50% - 473px);
  margin-left: calc(50vw - 473px);
  width: 896px;
  box-sizing: content-box
}

.list-outer-container.list-grid-table {
  width: 836px;
  margin-left: calc(50% - 443px);
  margin-left: calc(50vw - 443px)
}

.list-inner-container {
  width: 896px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  color: #333
}

.list-inner-container.ondrag .thumbnail {
  opacity: .5
}

.list-inner-container.ondrag .sortable-dragging .thumbnail,
.list-inner-container.ondrag .thumbnail.folder {
  opacity: 1
}

.list-inner-container.ondrag .table-doc-row .list-table-cell,
.list-inner-container.ondrag .table-spreadsheet-row .list-table-cell {
  color: #a5a5a5
}

.list-inner-container.ondrag .table-doc-row .file-icon,
.list-inner-container.ondrag .table-doc-row .file-tag-icon,
.list-inner-container.ondrag .table-spreadsheet-row .file-icon,
.list-inner-container.ondrag .table-spreadsheet-row .file-tag-icon {
  opacity: .5
}

.list-inner-container.ondrag .file-drag-feedback .file-icon {
  opacity: .9
}

.list-inner-container.list-grid-table {
  margin-top: 0;
  width: 836px
}

.list-item-content {
  z-index: 1;
  width: 122px;
  height: 126px;
  position: relative;
  line-height: 175px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 2px
}

.list-item-content.hover {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  background: #f3f4f5
}

.list-item-content.hover .dropdown-btn {
  display: block
}

.list-item-content.selected {
  background-color: #ebeef1;
  border: 1px solid rgba(65, 70, 75, .06);
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, .08);
  border-radius: 2px
}

.list-item-content.selected .dropdown-btn {
  display: block
}

.list-item-content.doc-content .share,
.list-item-content.spreadsheet-content .share {
  color: #c2cad2;
  top: 54px
}

.list-item-content.doc-content .list-share-count,
.list-item-content.spreadsheet-content .list-share-count {
  color: #bfbfbf;
  top: 49px;
  left: 44px
}

.list-share-count {
  font-size: 12px;
  font-family: SimHei;
  left: 52px;
  color: #8092a1;
  -webkit-text-shadow: 0 0 3px hsla(0, 0%, 100%, .3);
  -moz-text-shadow: 0 0 3px hsla(0, 0%, 100%, .3);
  -ms-text-shadow: 0 0 3px hsla(0, 0%, 100%, .3);
  -o-text-shadow: 0 0 3px hsla(0, 0%, 100%, .3);
  text-shadow: 0 0 3px hsla(0, 0%, 100%, .3);
  pointer-events: none
}

.list-share-count,
.list-share-info {
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 30px
}

.list-share-info {
  display: none;
  color: #fff;
  width: 100%;
  left: 2px;
  border: none;
  text-align: center
}

.list-share-info.active {
  display: block
}

.list-dropdown-btn {
  height: 26px;
  width: 26px;
  position: absolute;
  right: 1px;
  line-height: 20px;
  top: 100px;
  display: none
}

.list-dropdown-btn .icon-settings {
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  top: 7px;
  left: 7px;
  background: url("https://assets-cdn.shimo.im/assets/images/icon_settings-7b87d5839f.png") no-repeat;
  background-size: 36px 48px;
  background-position: 0 0
}

.list-dropdown-btn:hover .icon-settings {
  background-position: 0 -24px
}

.list-dropdown-btn:empty {
  width: 26px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .list-dropdown-btn .icon-settings {
      display: block;
      background-size: 18px 24px;
      background-position: -6px 0
  }
  .list-dropdown-btn:hover .icon-settings {
      background-position: -6px -12px
  }
}

.list-inner-container>.list-item.first-line {
  margin-top: 0
}

.list-item {
  position: relative;
  height: 127px;
  width: 122px;
  margin-top: 24px;
  margin-right: 6px;
  display: inline-block
}

.list-item.sortable-dragging .list-item-content:hover {
  background: none;
  border: none
}

.list-item.sortable-dragging .list-item-content:hover .dropdown-btn {
  display: none
}

.list-item.sortable-placeholder {
  background: #f3f4f5;
  border-color: #e5e5e5;
  padding: 0;
  height: 125px;
  width: 120px;
  border-radius: 2px;
  border: 1px solid #d0d0d0
}

.list-item.scale .folder-style {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2)
}

.list-item-title {
  text-align: center;
  font-size: 12px;
  overflow: hidden;
  color: #4b4b4b;
  width: 106px;
  word-break: break-all;
  line-height: 18px;
  max-height: 40px;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.list-thumbnail {
  position: relative;
  float: left
}

.list-thumbnail.ondrag {
  background: #f3f4f5;
  border-color: #e5e5e5
}

.list-thumbnail.ondrag .folder-style {
  display: none
}

.list-thumbnail.active .list-item-content {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  background: #f3f4f5
}

.list-thumbnail.active .dropdown-btn {
  display: block
}

.list-thumbnail.d-right .dropdown {
  left: auto;
  right: -2px
}

.list-thumbnail.d-right .list-trangle-item {
  left: auto;
  right: 8px
}

.file-folder-sprite {
  background: url("https://assets-cdn.shimo.im/assets/images/file_folder_sprite-932f44527e.png") no-repeat;
  background-size: 160px 220px
}

.little-icon-sprite {
  background-image: url("https://assets-cdn.shimo.im/assets/images/little_icon_sprite-7f93346d96.png");
  background-repeat: no-repeat;
  background-size: 400px 300px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .file-folder-sprite {
      background: url("https://assets-cdn.shimo.im/assets/images/file_folder_sprite_2x-61d22df794.png") no-repeat;
      background-size: 160px 220px
  }
  .little-icon-sprite {
      background-image: url("https://assets-cdn.shimo.im/assets/images/little_icon_sprite_2x-c441df50de.png")
  }
}

.file-item-sprite {
  background-image: url("/front/assets/images/file_item_sprite.png");
  background-size: 160px 220px;
  background-repeat: no-repeat
}

.list-marked-tag {
  position: absolute;
  display: block;
  width: 4px;
  height: 14px;
  background-position: -128px -7px;
  pointer-events: none
}

.doc-style .list-shared-tag,
.spreadsheet-style .list-shared-tag {
  position: absolute;
  display: block;
  width: 16px;
  height: 14px;
  top: 49px;
  left: 24px;
  background-position: -85px -37px;
  pointer-events: none
}

.doc-style .list-marked-tag {
  left: 20px;
  top: 3px
}

.spreadsheet-style .list-marked-tag {
  left: 17px;
  top: 21px
}

.folder-style .list-shared-tag {
  position: absolute;
  display: block;
  width: 27px;
  height: 24px;
  top: 34px;
  left: 27px;
  background-position: -85px -5px;
  pointer-events: none
}

.folder-style .list-marked-tag {
  left: 20px;
  top: 23px
}

.list-trangle-item {
  left: 102px
}

.list-trangle-item.top {
  border-bottom-color: #ddd
}

.list-item-dropdown {
  position: absolute;
  -webkit-box-shadow: 0 5px 8px 0 #ccc;
  -moz-box-shadow: 0 5px 8px 0 #ccc;
  -ms-box-shadow: 0 5px 8px 0 #ccc;
  -o-box-shadow: 0 5px 8px 0 #ccc;
  box-shadow: 0 5px 8px 0 #ccc;
  top: 132px;
  left: 0;
  width: 220px;
  background: #fff;
  color: #7d7d7d;
  z-index: 100;
  display: none;
  cursor: default;
  border-radius: 3px
}

.list-item-dropdown .switch-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.list-item-dropdown.active {
  display: block
}

.list-item-menu {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #fff;
  border-radius: 3px
}

.list-item-menu hr {
  width: 192px
}

.list-menu-item {
  height: 36px;
  line-height: 36px;
  text-align: left;
  font-size: 12px;
  cursor: pointer;
  color: #41464b;
  padding-left: 14px
}

.list-menu-item:hover {
  background: -moz-linear-gradient(top, #e7e8e9, #eeeff0);
  background: -webkit-linear-gradient(top, #e7e8e9, #eeeff0);
  background: -o-linear-gradient(top, #e7e8e9, #eeeff0);
  background: -ms-linear-gradient(top, #e7e8e9, #eeeff0);
  background: linear-gradient(180deg, #e7e8e9, #eeeff0)
}

.list-menu-item.cancel-share,
.list-menu-item.delete-ob {
  margin-top: 4px
}

.list-menu-item.cancel-share+hr,
.list-menu-item.delete-ob+hr {
  display: none
}

.list-item-name {
  padding: 0 10px 8px
}

.list-item-input {
  height: 20px;
  line-height: 20px;
  padding: 3px 9px;
  margin-right: 0;
  width: 180px;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 1px 3px 0 #e5e5e5 inset;
  -moz-box-shadow: 0 1px 3px 0 #e5e5e5 inset;
  -ms-box-shadow: 0 1px 3px 0 #e5e5e5 inset;
  -o-box-shadow: 0 1px 3px 0 #e5e5e5 inset;
  box-shadow: inset 0 1px 3px 0 #e5e5e5
}

.list-item-input:hover {
  border-color: #ccc
}

.list-item-input:focus {
  border-color: #a6a6a6!important
}

.list-menu-item-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 7px;
  margin-right: 10px
}

.menu-locate-folder-icon {
  background-position: -20px -20px
}

.menu-mark-star-icon {
  background-position: -60px -20px
}

.menu-share-ob-icon {
  background-position: -100px -20px
}

.menu-delete-ob-icon {
  background-position: -140px -20px
}

.menu-unmark-star-icon {
  background-position: -180px -20px
}

.menu-cancel-share-icon {
  background-position: -220px -20px
}

.menu-create-copy-icon {
  background-position: -260px -20px
}

.list-empty {
  margin-top: 236px
}

.list-empty-icon {
  height: 80px;
  width: 80px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("https://assets-cdn.shimo.im/assets/images/list_empty-beb8604afd.png");
  background-repeat: no-repeat;
  background-position: 0 0
}

.list-empty-text {
  margin: 16px 0;
  line-height: 14px;
  font-size: 14px;
  color: #dbdbdb;
  text-align: center
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .list-empty-icon {
      background-size: 80px 120px;
      background-position: 0 -40px
  }
}

.list-table-row {
  display: block;
  position: relative;
  height: 44px;
  line-height: 44px;
  border-bottom: 1px solid #e5e5e5
}

.list-table-row.hover {
  cursor: pointer;
  background-color: #f3f4f5
}

.list-table-row.hover .dropdown-btn {
  display: block
}

.list-table-row.hover .file-star-icon {
  display: inline
}

.list-table-row.selected {
  background-color: #ebeef1
}

.list-table-row.selected .list-dropdown-btn {
  display: block
}

.list-table-row .list-dropdown-btn {
  position: relative;
  float: right;
  top: 10px;
  right: 25px
}

.list-table-row .list-item-dropdown {
  top: 45px;
  right: -73px;
  left: auto
}

.list-table-row.will-accept-drag {
  background-color: #eff1f4
}

.list-table-cell {
  display: inline-block;
  float: left;
  color: #4b4b4b;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.list-table-cell.table-header {
  color: #a5a5a5;
  cursor: pointer
}

.list-table-cell.table-header.active {
  color: #666
}

.list-table-cell.table-header.active .order-type-icon {
  display: inline-block
}

.list-table-cell.table-header:hover {
  color: #333
}

.list-table-cell.table-header:hover .order-type-icon.desc {
  background-position: -101px -15px
}

.list-table-cell.table-header:hover .order-type-icon.asc {
  background-position: -108px -15px
}

.list-table-cell.table-header.is-recent {
  cursor: default;
  color: #a5a5a5
}

.table-header-text {
  float: left
}

.order-type-icon {
  display: none;
  float: left;
  width: 8px;
  height: 11px;
  margin-left: 12px;
  margin-top: 14px
}

.order-type-icon.desc {
  background-position: -101px 0
}

.order-type-icon.asc {
  background-position: -108px 0
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .list-table-cell.table-header:hover .order-type-icon.desc {
      background-position: -102px -15px
  }
  .list-table-cell.table-header:hover .order-type-icon.asc {
      background-position: -109px -15px
  }
  .order-type-icon.desc {
      background-position: -102px 0
  }
  .order-type-icon.asc {
      background-position: -109px 0
  }
}

.recent-table-label {
  display: block;
  height: 28px;
  clear: both;
  background: rgba(232, 236, 241, .25);
  border-bottom: 1px solid #e5e5e5
}

.recent-table-label .recent-text {
  position: relative;
  line-height: 28px;
  padding-left: 26px;
  padding-right: 0;
  font-size: 12px;
  color: #a5a5a5;
  background-color: transparent
}

.file-name-cell {
  width: 488px;
  font-size: 14px;
  padding-left: 20px
}

.file-name-cell.table-header {
  font-size: 12px
}

.file-name-text {
  display: inline-block;
  float: left;
  width: auto;
  max-width: 350px;
  padding-right: 5px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.file-creator-cell {
  width: 115px
}

.file-creator-text {
  display: inline-block;
  float: left;
  width: 90px;
  padding-right: 5px
}

.file-creator-text,
.file-update-cell {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.file-update-cell {
  width: 160px
}

.file-update-user {
  width: 81px;
  margin-left: 7px;
  padding-right: 5px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.desktop-sprite,
.file-sprite {
  background-image: url("https://assets-cdn.shimo.im/assets/images/desktop_list/file_icons-6928d09edc.png");
  background-size: 170px 70px;
  background-repeat: no-repeat
}

.desktop-sprite.file-doc-icon,
.file-sprite.file-doc-icon {
  background-position: 0 0
}

.desktop-sprite.file-folder-icon,
.file-sprite.file-folder-icon {
  background-position: -52px 0
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .desktop-sprite,
  .file-sprite {
      background-image: url("https://assets-cdn.shimo.im/assets/images/desktop_list/file_icons_2x-797196bc24.png")
  }
}

.file-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  float: left;
  margin-top: 9px;
  margin-right: 14px
}

.file-tag-icon {
  width: 28px;
  height: 28px;
  float: left;
  margin-top: 8px
}

.file-shared-icon:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-top: 6px;
  margin-left: 6px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/desktop_list/file_icons-6928d09edc.png");
  background-size: 170px 70px;
  background-position: -82px 0
}

.file-star-icon {
  position: absolute;
  display: none;
  left: -9px
}

.file-star-icon.active {
  display: inline
}

.file-star-icon:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  margin-left: 4px;
  background-size: 499px 310px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/teams-31aea6334f.png");
  background-position: -420px -100px
}

.file-star-icon.active:after {
  background-position: -460px -100px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .file-shared-icon:after {
      background-image: url("https://assets-cdn.shimo.im/assets/images/desktop_list/file_icons_2x-797196bc24.png")
  }
  .file-star-icon:after {
      background-image: url("https://assets-cdn.shimo.im/assets/images/teams_2x-38bac19fd8.png")
  }
}

.file-drag-feedback {
  position: fixed;
  display: block;
  width: 191px;
  opacity: 0;
  background: #f7f7f7;
  pointer-events: none;
  z-index: 10000;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.file-drag-feedback .file-name-text {
  color: #666;
  font-size: 14px
}

.file-drag-feedback .file-icon {
  margin-left: 30px
}

.email-verify-box {
  background: #fff;
  font-size: 14px;
  color: #41464b;
  padding: 10px 0;
  line-height: 36px;
  height: 36px;
  position: absolute;
  bottom: 40px;
  width: 690px;
  margin-left: -345px;
  left: 50%;
  border-radius: 2px;
  box-shadow: 0 2px 3px hsla(0, 0%, 84%, .7);
  z-index: 99
}

.email-verify-item {
  float: left
}

.email-verify-info {
  color: #959595;
  margin: 0 10px 0 20px
}

.email-verify-divide {
  width: 0;
  height: 12px;
  margin: 12px;
  border-left: 1px solid #959595
}

.email-verify-close {
  font-size: 16px;
  color: #959595;
  margin-left: 29px;
  cursor: pointer
}

.current-email {
  width: 300px;
  margin-right: 10px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.email-verify-link {
  outline: none
}

.email-verify-link:hover {
  text-decoration: underline
}

.email-verify-send:hover {
  text-decoration: none;
  cursor: default
}

.email-verify-send.active:hover {
  text-decoration: underline;
  cursor: pointer
}

.export-dialog {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, .3);
  color: #7d7d7d;
  z-index: 999;
  cursor: default
}

.export-box {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .2);
  font-size: 14px;
  left: 50%;
  margin-left: -185px;
  position: fixed;
  top: 30%;
  width: 370px;
  overflow: hidden
}

.export-box .export-header {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  text-indent: 20px;
  height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 14px;
  background: #f7f9fb;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 1px 4px #ddd;
  background: -moz-linear-gradient(top, #fafafa, #f8f8f8);
  background: -webkit-linear-gradient(top, #fafafa, #f8f8f8);
  background: -o-linear-gradient(top, #fafafa, #f8f8f8);
  background: -ms-linear-gradient(top, #fafafa, #f8f8f8)
}

.export-box .export-header .icon-close {
  float: right;
  margin-right: 40px;
  margin-top: -2px;
  cursor: pointer
}

.export-box .export-content {
  background-color: #eee;
  padding: 30px 0 40px;
  text-align: center
}

.export-box .export-content .export-jpg,
.export-box .export-content .export-pdf,
.export-box .export-content .export-word {
  display: inline-block;
  width: 58px;
  height: 100px;
  text-align: center
}

.export-box .export-content .export-word {
  margin: 0 50px
}

.export-box .export-content .text {
  font-size: 12px;
  color: #666
}

.export-box .export-content .export-sprite {
  background: url("https://assets-cdn.shimo.im/assets/images/export_sprite-99417f6ff6.png") no-repeat;
  background-size: 190px 254px;
  cursor: pointer;
  display: inline-block;
  height: 76px;
  opacity: .8;
  width: 58px
}

.export-box .export-content .pdf {
  background-position: -7px -51px
}

.export-box .export-content .pdf:hover {
  background-position: -7px -170px
}

.export-box .export-content .docx {
  background-position: -66px -51px
}

.export-box .export-content .docx:hover {
  background-position: -66px -170px
}

.export-box .export-content .jpg {
  background-position: -125px -51px
}

.export-box .export-content .jpg:hover {
  background-position: -125px -170px
}

.maintenance .list-header-wrap {
  top: 90px
}

.maintenance .list-container {
  height: calc(100% - 42px)
}

@media screen and (max-width:1176px) {
  .list-container .list-header-wrap {
      left: 164px;
      margin-left: 0
  }
  .list-outer-container {
      margin-left: 116px;
      padding-right: 116px
  }
  .list-outer-container.list-grid-table {
      margin-left: 145px
  }
  .list-container {
      width: 100vw
  }
  body.list {
      overflow: hidden!important;
      min-width: 500px
  }
  body.list .h-container {
      width: auto;
      margin-left: 20px;
      margin-right: 10px;
      min-width: 500px
  }
}

.recent-list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.recent-label,
.recent-wrapper:first-child .recent-label {
  margin-top: 36px
}

.recent-label {
  margin-bottom: -10px;
  padding-left: 35px;
  font-size: 12px;
  color: #333;
  height: 18px;
  position: relative
}

.recent-label:after {
  content: "";
  display: block;
  position: absolute;
  width: 850px;
  height: 1px;
  background-color: #ddd;
  right: 0;
  top: 9px;
  z-index: 9
}

.recent-text {
  position: absolute;
  padding-right: 16px;
  z-index: 10;
  background-color: #f7f7f7
}

.team-btns {
  position: absolute;
  top: 17px;
  right: 115px
}

.team-member-icon {
  background-position: -260px -20px
}

.team-setting-icon {
  background-position: -300px -20px
}

.team-btn {
  position: relative;
  float: right;
  cursor: pointer;
  padding-left: 25px;
  margin-left: 40px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  color: #5e5e5e
}

.team-btn .team-sprite {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 0;
  top: 2px;
  padding: 0;
  border: none
}

.team-btn:hover {
  color: #262626
}

.team-btn:hover .team-member-icon {
  background-position: -260px -60px
}

.team-btn:hover .team-setting-icon {
  background-position: -300px -60px
}

.team-btn .smtooltip {
  display: block;
  position: absolute;
  width: 120px;
  left: -22px;
  top: 30px;
  cursor: default
}

#trash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  font-size: 13px
}

#trash .t-inner {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 500px;
  height: 470px;
  box-shadow: 0 1px 6px #ccc
}

#trash .t-inner .t-header {
  position: relative;
  height: 50px;
  background: #f4f4f4
}

#trash .t-inner .t-header .t-title {
  line-height: 50px;
  margin-left: 20px
}

#trash .t-inner .t-header .t-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer
}

#trash .t-inner .t-header .s-tooltip {
  left: 73px;
  top: -45px;
  line-height: 20px;
  padding: 5px 12px
}

#trash .t-inner .t-header .s-tooltip:before {
  display: none
}

#trash .t-inner .t-body {
  height: 370px;
  background: #fff;
  overflow-y: auto
}

#trash .t-inner .t-body .list-empty {
  margin-top: 136px
}

#trash .t-inner .t-body .list-empty .list-empty-icon {
  width: 80px;
  margin: auto;
  background-position: 0 0
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  #trash .t-inner .t-body .list-empty .list-empty-icon {
      background-position: 0 -40px
  }
}

#trash .t-inner .t-body .t-item {
  height: 40px;
  padding: 10px 20px;
  margin: 1px 0;
  background: #fff
}

#trash .t-inner .t-body .t-item>div {
  display: inline-block;
  margin-bottom: -1px
}

#trash .t-inner .t-body .t-item .icon {
  height: 38px;
  width: 40px;
  margin-right: 10px
}

#trash .t-inner .t-body .t-item:hover {
  background: #f4f4f4
}

#trash .t-inner .t-body .t-item.selected {
  background: #d2e3f9
}

#trash .t-inner .t-body .t-item .t-update-time {
  font-size: 12px;
  color: #aaa
}

#trash .t-inner .t-footer {
  position: relative;
  background: #f4f4f4
}

#trash .t-inner .t-footer .t-tip {
  color: #bbb;
  margin-left: 20px;
  line-height: 50px
}

#trash .t-inner .t-footer .t-tip.active {
  color: #000
}

#trash .t-inner .t-footer .t-recover {
  position: absolute;
  top: 10px;
  right: 20px
}

#trash .t-inner .t-footer .btn-clear {
  display: none;
  position: absolute;
  top: 16px;
  right: 130px;
  color: #f29ba4;
  cursor: pointer
}

#trash .t-inner .t-footer .btn-clear.disable {
  display: block
}

@media screen and (max-height:675px) {
  #trash .t-inner {
      top: 105px;
      bottom: auto
  }
}

.help-icon {
  cursor: help;
  background-position: -220px -97px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-bottom: -2px;
  margin-left: 3px
}

.invitation-content-wrap {
  padding-left: 40px;
  padding-right: 40px
}

.invitation-dialog {
  animation: fade-show 1.2s ease-in;
  -moz-animation: fade-show 1.2s ease-in;
  -webkit-animation: fade-show 1.2s ease-in;
  -o-animation: fade-show 1.2s ease-in
}

.invitation-dialog.flat-dialog .dialog {
  width: 500px
}

.invitation-dialog.flat-dialog .dialog .dialog-head {
  height: 0;
  padding-top: 0;
  padding-bottom: 0
}

.invitation-dialog.flat-dialog .dialog .dialog-body {
  padding-left: 0;
  padding-right: 0
}

.invitation-dialog .sm-nav-tabs .tab-head-item {
  padding-bottom: 15px
}

.add-member-dialog .dialog .dialog-head {
  text-align: left
}

.add-member-dialog.flat-dialog .dialog-close {
  top: 20px;
  right: 30px
}

.invitation-content-title {
  display: block;
  padding-bottom: 40px;
  font-size: 20px;
  color: #41464b;
  text-align: center
}

.invitation-panel-foot {
  width: 100%;
  padding-top: 30px;
  text-align: right
}

.invitation-panel-foot>.sm-btn {
  margin-left: 12px
}

.invitation-error-info {
  padding-top: 12px;
  line-height: 1.5em;
  color: #cd4747;
  font-size: 12px
}

.invitation-content-desc {
  display: block;
  margin-bottom: 60px;
  font-size: 14px;
  color: #41464b;
  text-align: center
}

.invitation-email-panel,
.invitation-link-panel {
  position: relative
}

.invitation-link-panel {
  padding-top: 10px
}

.invitation-link-line {
  position: relative
}

.sm-form-control.invitation-link-input {
  display: inline-block;
  width: 100%;
  padding-right: 82px
}

.sm-form-control.invitation-link-input.copy-unable {
  width: 100%
}

.btn.invitation-link-copy {
  width: 58px;
  height: 32px;
  float: right;
  padding-left: 0;
  padding-right: 0
}

.btn.invitation-link-copy.copy-unable {
  display: none
}

.invitation-link-desc {
  margin-top: 8px;
  margin-bottom: 20px;
  line-height: 1.5em;
  font-size: 12px;
  color: #999
}

.close-invitation-link,
.email-mode-switcher {
  font-size: 12px;
  color: #5e97d4
}

.close-invitation-link:hover,
.email-mode-switcher:hover {
  color: #4682c1
}

.email-mode-switcher {
  font-size: 14px;
  float: left;
  margin-top: 9px;
  line-height: 1
}

.close-invitation-link {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%)
}

.close-invitation-link.danger {
  color: #cd4747
}

.close-invitation-link.danger:hover {
  color: #ba3636
}

.sm-form-control.invitation-email-list {
  height: 180px;
  width: 100%;
  resize: none
}

.search-wrap.invitation-input-box {
  padding-left: 0;
  padding-right: 0
}

.search-wrap.invitation-input-box .search-input {
  padding-left: 38px;
  padding-right: 38px
}

.search-wrap.invitation-input-box .search-input-icon {
  top: 14px;
  left: 11px
}

.search-wrap.invitation-input-box .search-clear-icon {
  top: 18px;
  right: 15px;
  cursor: pointer
}

.share-user-li.invitation-user-li {
  padding: 8px 40px;
  height: 28px;
  line-height: 28px
}

.share-user-li.invitation-user-li .operation-icon {
  top: 13px;
  right: 40px
}

.share-user-li.invitation-user-li .img-wrap {
  background-color: transparent!important;
  width: 28px;
  height: 28px
}

.share-user-name.invitation-user-name {
  width: 20%;
  margin-right: 10px
}

.share-user-email.invitation-user-email {
  width: 55%;
  margin-right: 10px
}

.invitation-recent-wrap {
  height: 134px;
  overflow-y: auto;
  margin: 0 -40px
}

.invitation-foot {
  margin-top: 28px;
  text-align: right
}

.invitation-foot .btn {
  font-size: 14px;
  padding-left: 26px;
  padding-right: 26px
}

.invitation-ignore {
  font-size: 14px;
  color: #888;
  margin-right: 20px
}

.invitation-ignore:hover {
  color: #333
}

.invitation-ignore:active {
  color: #333;
  font-weight: 700
}

@-webkit-keyframes fade-show {
  0% {
      opacity: 0
  }
  80% {
      opacity: 0
  }
  to {
      opacity: 1
  }
}

@-moz-keyframes fade-show {
  0% {
      opacity: 0
  }
  80% {
      opacity: 0
  }
  to {
      opacity: 1
  }
}

@keyframes fade-show {
  0% {
      opacity: 0
  }
  80% {
      opacity: 0
  }
  to {
      opacity: 1
  }
}

#enterprise-payment a,
#enterprise-payment span.link {
  color: #73a2e3;
  cursor: pointer
}

#enterprise-payment a:hover,
#enterprise-payment span.link:hover {
  color: #4682c1
}

#enterprise-payment .two-column-grid .row {
  padding-left: 96px;
  margin-bottom: 10px;
  padding-bottom: 0;
  border-bottom: none
}

#enterprise-payment .two-column-grid .row:last-child {
  margin-bottom: 0
}

#enterprise-payment .two-column-grid .row .left-column {
  float: left;
  margin-left: -96px;
  line-height: 18px
}

#enterprise-payment .two-column-grid .row .right-column {
  line-height: 18px
}

#enterprise-payment .fluid-submit-button {
  display: inline-block;
  padding: 0 18px;
  height: 36px;
  line-height: 36px;
  opacity: .14;
  background: #333;
  box-shadow: 0 10px 20px 0 rgba(51, 51, 51, .2);
  border-radius: 2px;
  color: #fff;
  text-align: center;
  cursor: pointer
}

#enterprise-payment .fluid-submit-button.enabled {
  opacity: 1
}

#enterprise-payment .submit-button {
  display: inline-block;
  height: 33px;
  line-height: 32px;
  opacity: .14;
  background: #41464b;
  border: 1px solid #41464b;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 14px
}

#enterprise-payment .submit-button.enabled {
  opacity: 1
}

#enterprise-payment .submit-button.enabled:hover {
  border-color: #313438;
  background-color: #313438
}

#enterprise-payment .submit-button.flat {
  border: 1px solid #a5a5a5;
  border-radius: 2px;
  color: #666;
  background-color: transparent;
  opacity: 1
}

#enterprise-payment .submit-button.flat:hover {
  color: #41464b;
  border-color: #9ea0a3
}

#enterprise-payment .submit-button.warn {
  background-color: #e95555;
  border-color: #cd4848;
  color: #fff;
  opacity: 1
}

#enterprise-payment .submit-button.warn:hover {
  background-color: #cd4848;
  border-color: #cd4848;
  color: #fff
}

#enterprise-payment .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

#enterprise-payment .dialog {
  font-size: 12px;
  background-color: #fefefe
}

#enterprise-payment .dialog .dialog-head {
  padding-bottom: 0
}

#enterprise-payment .dialog .dialog-head .dialog-title {
  font-size: 18px;
  position: relative;
  top: 3px;
  font-weight: 700
}

#enterprise-payment .dialog .dialog-head .dialog-close {
  font-weight: 400;
  top: 17px;
  right: 27px;
  font-size: 14px
}

#enterprise-payment .dialog .dialog-body {
  padding: 15px 26px 45px
}

#enterprise-payment .dialog .dialog-body .crumb-list {
  text-align: center;
  padding-top: 0;
  padding-bottom: 13px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  width: 100%
}

#enterprise-payment .dialog .dialog-body .crumb-list .crumb {
  color: #333;
  font-size: 12px
}

#enterprise-payment .dialog .dialog-body .crumb-list .no-crumb {
  color: #a5a5a5;
  font-size: 12px
}

#enterprise-payment .dialog .dialog-body section {
  border-top: 1px solid #d2dee7;
  padding: 19px 15px 18px;
  color: #a5a5a5
}

#enterprise-payment .dialog .dialog-body section strong {
  color: #333
}

#enterprise-payment .status-banner {
  background: #fff7c5;
  height: 30px;
  text-align: center;
  font-size: 12px;
  color: #666;
  line-height: 30px
}

#enterprise-payment .status-banner .link {
  color: #4a90e2;
  text-decoration: none;
  cursor: pointer
}

#enterprise-payment .status-banner.red {
  background: #e95555;
  color: #fff
}

#enterprise-payment .purchase-dialog.purchase-loading:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(https://assets-cdn.shimo.im/assets/images/loading-b67e5a67dc.gif) no-repeat 50% #fefefe;
  background-size: 30px;
  z-index: 2
}

#enterprise-payment .purchase-dialog .dialog {
  width: 445px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase {
  width: 365px;
  margin: 0 auto
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field {
  margin-bottom: 18px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field.first {
  margin-top: 18px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field header {
  color: #a5a5a5;
  margin-bottom: 3px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .error {
  font-weight: 400;
  background-color: #fefefe;
  height: 100%;
  color: #cd4747
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .input {
  height: 35px;
  line-height: 35px;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding-left: 12px;
  padding-right: 200px;
  position: relative
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .input:hover {
  border-color: #d7d7d7
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .input input {
  border-width: 0;
  outline: none;
  display: inline-block;
  border-radius: 0;
  height: 14px;
  width: 100%;
  font-weight: 700;
  box-shadow: none;
  background-color: transparent
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .input .placeholder {
  float: right;
  margin-right: -190px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .checkbox {
  padding-left: 30px;
  color: #333;
  vertical-align: middle;
  line-height: 17px;
  margin-left: -1px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .checkbox span {
  display: inline-block;
  cursor: pointer;
  margin-left: -30px;
  padding-left: 27px;
  position: relative;
  z-index: 2
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .checkbox:before {
  content: "\F33F";
  float: left;
  margin-left: -30px;
  color: transparent;
  background-color: transparent;
  text-align: center;
  font-family: chuxintech;
  font-size: 10px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  vertical-align: middle;
  border: 1px solid #979797;
  border-radius: 5px;
  -webkit-transform: scale(.7);
  transform: scale(.7)
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .field .checkbox.checked:before {
  border: 1px solid #41464b;
  background-color: #41464b;
  color: #fff
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .expired-time header {
  display: inline-block
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .expired-time .text {
  display: inline-block;
  margin-left: 12px;
  color: #333
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .quantity .error {
  position: absolute;
  right: 10px;
  min-width: 100px;
  text-align: right
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border {
  border: 1px solid transparent;
  border-radius: 2px;
  display: inline-block;
  margin-left: 8px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border:first-child {
  margin-left: 0
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border.active {
  border: 1px solid #6da0e3
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border.active .option,
#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border.active .option:hover {
  border-color: transparent
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border.active .option .price,
#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border.active .option .year {
  color: #6da0e3
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border.active .option .discount {
  opacity: 1
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  width: 112px;
  height: 50px;
  vertical-align: middle;
  position: relative;
  cursor: pointer
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option:hover {
  border-color: #d7d7d7
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .year {
  font-weight: 700;
  color: #a5a5a5;
  margin-top: 12px;
  margin-left: 13px;
  line-height: 12px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .price {
  color: #a5a5a5;
  margin-top: 6px;
  margin-left: 5px;
  line-height: 12px;
  -webkit-transform: scale(.83);
  transform: scale(.83);
  white-space: nowrap;
  width: 107px;
  overflow: hidden;
  text-overflow: ellipsis
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .price .origin-price {
  color: #ccc;
  text-decoration: line-through;
  margin-left: 5px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .discount {
  position: absolute;
  width: 24px;
  height: 14px;
  top: 10px;
  right: 12px;
  opacity: 1;
  background-image: url(https://assets-cdn.shimo.im/assets/images/enterprise_payment-49a5030452.png);
  background-repeat: no-repeat;
  background-size: 75px 103px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .discount.nine {
  background-position: 0 -25px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .discount.eight {
  background-position: 0 0
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .discount.five {
  background-position: 0 -75px;
  width: 54px;
  height: 14px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .price-options .options-wrapper .option-outer-border .option .discount.six {
  background-position: 0 -89px;
  width: 54px;
  height: 14px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper {
  margin-top: -2px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border {
  border: 1px solid transparent;
  border-radius: 2px;
  margin-left: 9px;
  display: inline-block
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border:first-child {
  margin-left: 0
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border.active {
  border-color: #6da0e3
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border.active .option,
#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border.active .option:hover {
  border-color: transparent
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option {
  width: 176px;
  height: 36px;
  line-height: 36px;
  padding-left: 14px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  cursor: pointer;
  box-sizing: border-box
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option:hover {
  border-color: #d7d7d7
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option:first-child {
  margin-left: 0
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option.active {
  border-color: transparent
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option.alipay {
  padding-left: 39px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option.alipay:before {
  content: " ";
  width: 18px;
  height: 18px;
  float: left;
  margin-left: -24px;
  margin-top: 8px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/enterprise_payment-49a5030452.png);
  background-repeat: no-repeat;
  background-size: 75px 103px;
  background-position: -25px 0
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option.unionpay {
  padding-left: 46px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .payment-options .options-wrapper .option-outer-border .option.unionpay:before {
  content: " ";
  width: 25px;
  height: 16px;
  float: left;
  margin-left: -31px;
  margin-top: 9px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/enterprise_payment-49a5030452.png);
  background-repeat: no-repeat;
  background-size: 75px 103px;
  background-position: -50px 0
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .sum-price {
  overflow: hidden
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .sum-price .sum-price-title {
  color: #a5a5a5;
  float: left;
  margin-top: 1px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .sum-price .sum-price-number {
  float: left;
  color: #41464b;
  font-size: 14px;
  font-weight: 700
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .sum-price .sum-price-number-loading {
  float: left;
  color: #a5a5a5;
  margin-top: 1px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .agree .error {
  float: right;
  line-height: 15px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body .purchase .fluid-submit-button {
  display: block;
  padding: 0;
  margin-top: 25px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body #purchase .price-options .option-outer-border+.option-outer-border {
  margin-left: 9px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body #purchase .price-options .option {
  width: 174px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body #purchase .price-options .option .price {
  width: 177px;
  margin-left: -1px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body #renew .price-options .option-outer-border+.option-outer-border {
  margin-left: 9px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body #renew .price-options .option {
  width: 174px
}

#enterprise-payment .purchase-dialog .dialog .dialog-body #renew .price-options .option .price {
  width: 177px;
  margin-left: -1px
}

#enterprise-payment .alipay-qrcode-dialog .dialog {
  width: 350px
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-head .dialog-close {
  right: 17px
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode {
  width: 270px;
  margin: 0 auto
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .crumb-list .back {
  color: #73a2e3;
  cursor: pointer
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .crumb-list .back:hover {
  color: #4682c1
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .qrcode-container {
  width: 170px;
  margin: 29px auto 0;
  text-align: center
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .qrcode-container header {
  height: 18px;
  line-height: 18px;
  margin-bottom: 14px
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .qrcode-container header:before {
  content: " ";
  display: inline-block;
  margin-left: 2px;
  margin-right: 10px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-image: url(https://assets-cdn.shimo.im/assets/images/enterprise_payment-49a5030452.png);
  background-repeat: no-repeat;
  background-size: 75px 103px;
  background-position: -25px 0
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .qrcode-container .qrcode {
  display: inline-block;
  width: 165px;
  height: 165px;
  margin-bottom: 6px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%
}

#enterprise-payment .alipay-qrcode-dialog .dialog .dialog-body .alipay-qrcode .qrcode-container footer {
  text-align: center;
  line-height: 18px
}

#enterprise-payment .payment-success-dialog .dialog {
  width: 260px
}

#enterprise-payment .payment-success-dialog .dialog .dialog-head .dialog-close {
  right: 7px;
  top: 7px
}

#enterprise-payment .payment-success-dialog .dialog .dialog-body .payment-success .success-icon {
  margin-top: 60px;
  margin-bottom: 20px;
  height: 45px;
  text-align: center
}

#enterprise-payment .payment-success-dialog .dialog .dialog-body .payment-success .success-icon:before {
  content: " ";
  display: inline-block;
  width: 44px;
  height: 44px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/enterprise_payment-49a5030452.png);
  background-repeat: no-repeat;
  background-size: 75px 103px;
  background-position: -25px -25px
}

#enterprise-payment .payment-success-dialog .dialog .dialog-body .payment-success .success-text {
  font-size: 18px;
  color: #a5a5a5;
  line-height: 18px;
  text-align: center;
  margin-bottom: 98px
}

#enterprise-payment .payment-success-dialog .dialog .dialog-body .payment-success footer {
  text-align: center;
  line-height: 18px;
  color: #a5a5a5
}

#enterprise-payment .payment-failure-dialog .dialog {
  width: 260px
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-head .dialog-close {
  right: 7px;
  top: 7px
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-body .payment-failure {
  width: 199px;
  margin: 0 auto;
  color: #333
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-body .payment-failure header {
  font-size: 18px;
  margin: 50px 0 10px;
  text-align: center;
  font-weight: 700
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-body .payment-failure .failure-text {
  text-align: center;
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 22px
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-body .payment-failure .telephone {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 84px;
  text-align: center
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-body .payment-failure .center {
  text-align: center
}

#enterprise-payment .payment-failure-dialog .dialog .dialog-body .payment-failure .center .submit-button {
  width: 100px
}

#enterprise-payment .transfers-inventory-dialog .dialog {
  width: 415px
}

#enterprise-payment .transfers-inventory-dialog .dialog .dialog-body {
  padding-top: 25px
}

#enterprise-payment .transfers-inventory-dialog .dialog .dialog-body .transfers-inventory {
  width: 335px;
  margin: 0 auto
}

#enterprise-payment .transfers-inventory-dialog .dialog .dialog-body .transfers-inventory .noting {
  margin-top: -3px;
  line-height: 25px
}

#enterprise-payment .transfers-inventory-dialog .dialog .dialog-body .transfers-inventory footer {
  text-align: center;
  margin-top: 4px
}

#enterprise-payment .transfers-inventory-dialog .dialog .dialog-body .transfers-inventory footer .submit-button {
  margin-left: 10px;
  width: 120px
}

#enterprise-payment .transfers-inventory-dialog .dialog .dialog-body .transfers-inventory footer .submit-button:first-child {
  margin-left: 0
}

#enterprise-payment .confirm-invoice-info-dialog .dialog {
  width: 415px
}

#enterprise-payment .confirm-invoice-info-dialog .dialog .dialog-body {
  width: 335px;
  margin: 0 auto;
  padding-top: 25px
}

#enterprise-payment .confirm-invoice-info-dialog .dialog .dialog-body .confirm-invoice-info .noting {
  padding: 16px 0;
  text-align: center
}

#enterprise-payment .confirm-invoice-info-dialog .dialog .dialog-body .confirm-invoice-info .error {
  font-weight: 400;
  background-color: #fefefe;
  height: 100%;
  color: #cd4747;
  padding: 16px 0;
  text-align: center
}

#enterprise-payment .confirm-invoice-info-dialog .dialog .dialog-body .confirm-invoice-info footer {
  margin-top: 4px;
  text-align: center
}

#enterprise-payment .confirm-invoice-info-dialog .dialog .dialog-body .confirm-invoice-info footer .submit-button {
  margin-left: 10px;
  width: 100px
}

#enterprise-payment .confirm-invoice-info-dialog .dialog .dialog-body .confirm-invoice-info footer .submit-button:first-child {
  margin-left: 0
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog {
  width: 415px
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog .dialog-body {
  width: 335px;
  margin: 0 auto;
  padding-top: 25px
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog .dialog-body .confirm-vat-invoice-info .noting {
  padding: 14px 0;
  text-align: center
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog .dialog-body .confirm-vat-invoice-info .error {
  font-weight: 400;
  background-color: #fefefe;
  height: 100%;
  color: #cd4747;
  padding: 16px 0;
  text-align: center
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog .dialog-body .confirm-vat-invoice-info footer {
  margin-top: 6px;
  text-align: center
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog .dialog-body .confirm-vat-invoice-info footer .submit-button {
  margin-left: 10px;
  width: 100px
}

#enterprise-payment .confirm-vat-invoice-info-dialog .dialog .dialog-body .confirm-vat-invoice-info footer .submit-button:first-child {
  margin-left: 0
}

#enterprise-payment .fill-invoice-info-dialog .dialog {
  width: 450px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-head {
  display: none
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body {
  padding: 30px 29px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .sm-nav-tabs .tab-head-wrap {
  margin: 0 15px 0 16px;
  padding-left: 0;
  padding-top: 3px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .sm-nav-tabs .tab-head-wrap .tab-head-item {
  padding-bottom: 15px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .sm-nav-tabs .tab-content-wrap {
  padding-top: 8px;
  padding-right: 15px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid {
  margin-top: 5px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row {
  margin-bottom: 9px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row.space {
  margin-top: 17px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row .left-column,
#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row .right-column {
  height: 30px;
  line-height: 30px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row .left-column {
  color: #a5a5a5;
  padding-left: 16px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row .right-column .text {
  margin-left: 11px;
  padding: 0 10px;
  display: inline-block
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .two-column-grid .row .right-column .error {
  float: right
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .error {
  display: inline-block;
  color: #cd4747;
  background-color: transparent
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info input {
  box-sizing: border-box;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  width: 273px;
  margin-left: 7px;
  -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info input:hover {
  border-color: #ccc
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info input:focus {
  outline: 0;
  border-color: #a6a6a6!important;
  color: #333
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info .dialog-close {
  top: 15px;
  right: 34px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info footer {
  text-align: right;
  margin-top: 22px;
  padding-right: 1px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info footer .submit-button {
  margin-left: 20px;
  width: 100px
}

#enterprise-payment .fill-invoice-info-dialog .dialog .dialog-body .fill-invoice-info footer .submit-button:last-child {
  margin-left: 10px
}

#enterprise-payment .thanks-to-buy-dialog .dialog {
  width: 260px
}

#enterprise-payment .thanks-to-buy-dialog .dialog .dialog-head .dialog-close {
  right: 7px;
  top: 7px
}

#enterprise-payment .thanks-to-buy-dialog .dialog .dialog-body .thanks-to-buy .icon {
  text-align: center;
  margin-top: 60px
}

#enterprise-payment .thanks-to-buy-dialog .dialog .dialog-body .thanks-to-buy .icon:before {
  content: " ";
  background-image: url(https://assets-cdn.shimo.im/assets/images/enterprise_payment-49a5030452.png);
  background-repeat: no-repeat;
  background-size: 75px 103px;
  background-position: -25px -25px;
  display: inline-block;
  vertical-align: middle;
  width: 44px;
  height: 44px
}

#enterprise-payment .thanks-to-buy-dialog .dialog .dialog-body .thanks-to-buy .text {
  font-size: 18px;
  color: #a5a5a5;
  text-align: center;
  margin-top: 17px
}

#enterprise-payment .thanks-to-buy-dialog .dialog .dialog-body .thanks-to-buy .desc {
  color: #888;
  line-height: 18px;
  text-align: center;
  margin-top: 96px
}

#enterprise-payment .waiting-pay-dialog .dialog {
  width: 385px
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-head {
  display: none
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-body {
  padding: 30px 40px
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-body .waiting-pay header {
  font-weight: 700;
  margin-bottom: 10px;
  color: #333;
  font-size: 14px
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-body .waiting-pay p {
  color: #333;
  line-height: 20px;
  margin-bottom: 20px
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-body .waiting-pay footer {
  text-align: right
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-body .waiting-pay footer .submit-button {
  margin-left: 10px;
  width: 100px
}

#enterprise-payment .waiting-pay-dialog .dialog .dialog-body .waiting-pay footer .submit-button:first-child {
  margin-left: 0
}

#enterprise-payment .cancel-order-dialog .dialog {
  width: 415px
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-head>div {
  text-align: left
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-body {
  width: 335px;
  margin: 0 auto;
  padding-top: 25px
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-body .cancel-order p {
  line-height: 18px;
  margin-bottom: 25px
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-body .cancel-order .error {
  display: inline-block;
  color: #cd4747;
  background-color: transparent
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-body .cancel-order footer {
  margin-top: 4px;
  text-align: right
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-body .cancel-order footer .submit-button {
  margin-left: 10px;
  width: 100px
}

#enterprise-payment .cancel-order-dialog .dialog .dialog-body .cancel-order footer .submit-button:first-child {
  margin-left: 0
}

body,
html {
  height: 100%;
  width: 100%
}

body {
  overflow-y: hidden;
  background: #f0f0f0
}

.edit-heading-container,
body {
  position: relative
}

.edit-right-box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: absolute;
  right: 20px;
  top: 0;
  width: 108px;
  padding-top: 10px
}

.edit-dropdown-btn {
  width: 48px;
  position: relative;
  font-size: 12px;
  border-radius: 2px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background: #fafafa;
  display: inline-block;
  cursor: pointer;
  color: #888;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11)
}

.edit-dropdown-btn:hover {
  background: #f5f5f5
}

.edit-dropdown-btn.active,
.edit-dropdown-btn:hover {
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.edit-dropdown-btn.active {
  background: #e5e5e5;
  color: #666
}

.edit-dropdown-btn.active:before {
  height: calc(100% + 1px)
}

.edit-dropdown-btn-icon {
  margin-left: -5px;
  margin-right: -7px;
  color: inherit;
  position: relative;
  top: 0
}

.edit-dropdown {
  -webkit-box-shadow: 0 1px 6px rgba(99, 99, 99, .2);
  -moz-box-shadow: 0 1px 6px rgba(99, 99, 99, .2);
  -ms-box-shadow: 0 1px 6px rgba(99, 99, 99, .2);
  -o-box-shadow: 0 1px 6px rgba(99, 99, 99, .2);
  box-shadow: 0 1px 6px rgba(99, 99, 99, .2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  z-index: 101;
  position: absolute;
  top: 48px;
  display: none;
  font-size: 14px;
  background-color: #fff
}

.edit-dropdown.active {
  display: block
}

.list-share-box {
  display: inline-block
}

.operation-box {
  float: right
}

.operation-dropdown {
  width: 112px;
  right: 0
}

.operation-trangle-item {
  left: 77px
}

.operation-list {
  padding: 10px 0
}

.operation-list hr {
  width: 90px
}

.operation-list-item {
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #666;
  cursor: pointer
}

.operation-list-item:hover {
  background: #f5f5f5
}

.operation-list-item.delete-btn {
  color: #ee837d
}

.edit-heading {
  position: relative;
  z-index: 100;
  background: #f0f0f0
}

.edit-dropdown-share {
  left: -306px
}

.editbar {
  outline: none;
  width: 816px;
  height: 38px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
  white-space: nowrap;
  font-size: 14px
}

.editbar-list {
  margin-top: 6px;
  margin-left: 40px;
  height: 35px;
  position: relative;
  padding: 4px 0;
  z-index: 2;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.editbar-list-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  float: left
}

.editbar-list-item.input {
  height: 42px
}

.editbar-list-item.separator {
  border-left: 1px solid #bebebe;
  width: 0;
  height: 18px;
  margin: 5px 10px
}

.editbar-list-item.link {
  cursor: pointer
}

.editbar-list-item:hover .toolbar-item {
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6;
  background: #f0f0f0
}

.doc-editbar .menu-item,
.toolbar-item {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0 8px;
  text-align: center;
  outline: none
}

.doc-editbar .menu-item :active .hicon,
.toolbar-item :active .hicon {
  color: #5e97d4
}

.toolbar-item {
  vertical-align: top;
  padding: 0;
  height: 27px;
  line-height: 28px
}

.toolbar-item:hover .hicon {
  color: #333
}

.toolbar-item.current {
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6;
  background: #e5e5e5
}

.font-icon-down {
  left: 0
}

.toolbar-icon {
  display: inline-block
}

.toolbar-icon .toolbar-icon-down {
  height: 27px
}

.display-txt,
.doc-insert-txt,
.size-txt,
.type-txt {
  font-family: Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif!important;
  top: 0;
  color: #333;
  display: inline-block;
  font-size: 1.2rem;
  height: 27px
}

.size-txt {
  width: 27px
}

.type-txt {
  width: 51px;
  text-align: center
}

.display-txt,
.doc-insert-txt {
  width: 37px;
  text-align: center
}

.icon-font-color-bottom {
  background: #333;
  width: 11px;
  height: 2px;
  position: absolute;
  bottom: 4px;
  left: 9px
}

.icon-align-arrow {
  width: 27px!important;
  padding: 0!important
}

.icon-font-color {
  top: -1px
}

.font-color-icon-down {
  top: 1px;
  left: 12px
}

.editbar-dropdown-item {
  position: relative
}

.editbar-dropdown-item.active .toolbar-item {
  position: relative;
  z-index: 21
}

.editbar-dropdown-item.active .toolbar-item .hicon {
  color: #333
}

.editbar-dropdown-item.active .toolbar-menu {
  display: block
}

.dropdown-item .toolbar-icon>span {
  float: left
}

.align-toolbar-item {
  text-align: center
}

.toolbar-menu {
  display: none;
  position: absolute;
  top: 36px;
  z-index: 22;
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 6px rgba(99, 99, 99, .2);
  border-radius: 3px
}

.toolbar-menu:after,
.toolbar-menu:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  top: -7px;
  background: none;
  left: 50%;
  margin-left: -4px
}

.toolbar-menu:before {
  top: -8px;
  border-bottom-color: hsla(0, 0%, 53%, .1);
  z-index: 10
}

.toolbar-menu:after {
  z-index: 11
}

.toolbar-menu>ul {
  padding: 10px 0
}

.align-toolbar-menu {
  left: -17px
}

.font-color-menu {
  left: -81px
}

.display-type-menu {
  left: -34px
}

.doc-insert-menu {
  left: -31px
}

.doc-insert-menu .menu-item {
  width: 94px
}

.doc-insert-menu .doc-insert-info,
.doc-insert-menu .new-icon {
  float: left;
  margin-left: 3px
}

.doc-insert-menu .doc-insert-info {
  margin-left: 8px
}

.font-color-list {
  width: 195px;
  height: 119px;
  text-align: justify;
  padding: 5px 5px 10px 10px!important;
  border-radius: 2px;
  box-sizing: border-box
}

.font-color-list-item {
  position: relative;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 3px 3px 0 0;
  float: left;
  cursor: pointer;
  border: 1px solid transparent
}

.font-color-list-item .doc-color-name {
  display: none;
  top: 25px;
  left: 6px
}

.font-color-list-item:hover {
  box-shadow: 0 1px 3px #888
}

.font-color-list-item:hover .doc-color-name {
  display: block
}

.color-item {
  float: left;
  width: 100%;
  height: 100%;
  padding: 0
}

.font-size-menu {
  left: -17px
}

.font-type-menu {
  left: -31px
}

.heading-menu-list {
  width: 120px
}

.heading-menu-list .font-type-item {
  padding: 0 16px 0 20px
}

.doc-editbar .menu-item {
  display: block;
  padding: 0 10px;
  margin-bottom: 0;
  min-width: 50px;
  height: 27px;
  line-height: 28px;
  font-size: 1.2rem;
  text-decoration: none;
  color: #666
}

.doc-editbar .menu-item:hover {
  background: #f5f5f5
}

.display-menu-list {
  width: 114px
}

.display-menu-list .display-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px 0 20px;
  min-width: 0;
  text-align: left
}

.display-menu-list .display-item span:not(.new-icon-checkone) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1
}

.display-menu-list .display-item.pressed .new-icon-checkone {
  display: inline-block
}

.display-menu-list .display-item .new-icon-checkone {
  display: none
}

.font-type {
  left: -37px;
  padding: 2px 0
}

.font-type-item {
  min-width: 0;
  padding: 0;
  text-align: left
}

.lg {
  font-size: 24pt;
  height: 45px;
  line-height: 45px
}

.lg,
.md {
  font-weight: 700
}

.md {
  font-size: 14pt;
  height: 34px;
  line-height: 34px
}

.sm {
  font-size: 11pt;
  height: 29px;
  line-height: 29px;
  font-weight: 700
}

.new-icon {
  display: inline-block;
  position: relative;
  padding: 0 5px;
  height: 100%;
  background-image: url("https://assets-cdn.shimo.im/assets/images/toolbar-e4db55bfa2.png");
  background-repeat: no-repeat;
  background-size: 800px 100px
}

.new-icon-go-ahead {
  width: 20px;
  background-position: 0 0
}

.new-icon-retreat {
  width: 20px;
  background-position: -30px 0
}

.new-icon-paint-format {
  width: 20px;
  background-position: -479px -27px
}

.new-icon-clear-format {
  width: 20px;
  background-position: -509px -27px
}

.new-icon-bold {
  width: 20px;
  background-position: -60px 0
}

.new-icon-italic {
  width: 20px;
  background-position: -90px 0
}

.new-icon-underline {
  width: 20px;
  background-position: -120px 0
}

.new-icon-strikethrough {
  width: 20px;
  background-position: 0 -27px
}

.new-icon-font-color {
  width: 26px;
  background-position: -150px 0
}

.new-icon-down {
  width: 5px;
  padding: 0 8px 0 0;
  background-position: -642px 0
}

.new-icon-ul-list {
  width: 20px;
  background-position: -180px 0
}

.new-icon-ol-list {
  width: 20px;
  background-position: -210px 0
}

.new-icon-check-list {
  width: 20px;
  background-position: -240px 0
}

.new-icon-indent {
  width: 20px;
  background-position: -270px 0
}

.new-icon-outdent {
  width: 20px;
  background-position: -300px 0
}

.new-icon-link {
  width: 20px;
  background-position: -449px 0
}

.new-icon-table {
  width: 20px;
  background-position: -479px 0
}

.new-icon-img {
  width: 20px;
  background-position: -509px 0
}

.new-icon-attachment {
  width: 20px;
  background-position: -539px 0
}

.new-icon-horizontal-line {
  width: 20px;
  background-position: -570px 0
}

.new-icon-code-area {
  width: 20px;
  background-position: -750px 0
}

.new-icon-comment-add {
  width: 20px;
  background-position: -600px 0
}

.new-icon-align-left {
  width: 27px;
  padding: 0;
  background-position: -330px 0
}

.new-icon-align-center {
  width: 27px;
  padding: 0;
  background-position: -361px 0
}

.new-icon-align-right {
  width: 27px;
  padding: 0;
  background-position: -391px 0
}

.new-icon-align-justify {
  width: 27px;
  padding: 0;
  background-position: -421px 0
}

.new-icon-checkone {
  width: 10px;
  background-position: -664px 0
}

.smtooltip {
  display: block;
  position: fixed;
  top: 10px;
  left: 20px;
  z-index: 1030;
  border: 0
}

.smtooltip:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  background: none
}

.smtooltip.top:before {
  top: -5px;
  left: 50%;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #41464b;
  margin-left: -4px
}

.smtooltip.left:before {
  right: -4px;
  border-left: 5px solid #41464b
}

.smtooltip.left:before,
.smtooltip.right:before {
  top: 50%;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  margin-top: -5px
}

.smtooltip.right:before {
  left: -4px;
  border-right: 5px solid #41464b
}

.smtooltip-inner {
  max-width: 300px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #41464b;
  padding: 4px 12px;
  padding-bottom: 3px;
  line-height: 1.6rem;
  font-size: 1.2rem;
  border-radius: 2px
}

input[type=file]:hover+.toolbar-item .hicon {
  color: #333
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .new-icon {
      background-image: url("https://assets-cdn.shimo.im/assets/images/toolbar_2x-a846c7bdd9.png")
  }
  .icon-font-color-bottom {
      left: 9px
  }
}

@keyframes duang {
  0% {
      transform: rotate(0deg)
  }
  20% {
      transform: rotate(10deg)
  }
  40% {
      transform: rotate(-10deg)
  }
  60% {
      transform: rotate(10deg)
  }
  80% {
      transform: rotate(-10deg)
  }
  to {
      transform: rotate(0deg)
  }
  0% {
      -webkit-transform: rotate(0deg)
  }
  20% {
      -webkit-transform: rotate(10deg)
  }
  40% {
      -webkit-transform: rotate(-10deg)
  }
  60% {
      -webkit-transform: rotate(10deg)
  }
  80% {
      -webkit-transform: rotate(-10deg)
  }
  to {
      -webkit-transform: rotate(0deg)
  }
}

@-webkit-keyframes duang {
  0% {
      transform: rotate(0deg)
  }
  20% {
      transform: rotate(10deg)
  }
  40% {
      transform: rotate(-10deg)
  }
  60% {
      transform: rotate(10deg)
  }
  80% {
      transform: rotate(-10deg)
  }
  to {
      transform: rotate(0deg)
  }
  0% {
      -webkit-transform: rotate(0deg)
  }
  20% {
      -webkit-transform: rotate(10deg)
  }
  40% {
      -webkit-transform: rotate(-10deg)
  }
  60% {
      -webkit-transform: rotate(10deg)
  }
  80% {
      -webkit-transform: rotate(-10deg)
  }
  to {
      -webkit-transform: rotate(0deg)
  }
}

.doc-container {
  padding: 0;
  opacity: 0
}

.pad-view-inner {
  position: absolute;
  width: 100%;
  height: calc(100% - 52px);
  overflow: hidden
}

.pad-view-inner.duang {
  animation: duang 1s;
  -moz-animation: duang 1s;
  -webkit-animation: duang 1s;
  -o-animation: duang 1s
}

.history-show .text-count,
.selection-unfold .text-count {
  right: calc(50% - 25px)
}

.history-show .document-info-list {
  opacity: 1
}

.selection-unfold .doc-view {
  overflow: hidden
}

.selection-unfold .list-mask {
  display: block
}

.selection-unfold .temp-list {
  right: 0;
  display: block
}

.selection-unfold .temp-list .selection-comment-input {
  visibility: visible
}

.selection-unfold .temp-list .selection-header {
  cursor: pointer
}

.doc-view {
  width: 100%;
  height: calc(100% - 45px);
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 6px
}

.doc-container {
  position: static;
  width: 816px;
  margin-left: auto;
  margin-right: auto
}

.scroll .edit-heading {
  -webkit-box-shadow: 0 2px 4px hsla(0, 0%, 8%, .15);
  -moz-box-shadow: 0 2px 4px hsla(0, 0%, 8%, .15);
  -ms-box-shadow: 0 2px 4px hsla(0, 0%, 8%, .15);
  -o-box-shadow: 0 2px 4px hsla(0, 0%, 8%, .15);
  box-shadow: 0 2px 4px hsla(0, 0%, 8%, .15)
}

.scroll .file-header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.scroll .editbar {
  height: 46px
}

.scroll .doc-view {
  padding-top: 2px
}

.editorcontainer {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
  -webkit-box-shadow: 0 1px 6px #ccc;
  -moz-box-shadow: 0 1px 6px #ccc;
  -ms-box-shadow: 0 1px 6px #ccc;
  -o-box-shadow: 0 1px 6px #ccc;
  box-shadow: 0 1px 6px #ccc
}

.editorcontainer.pc {
  min-height: 1172px
}

.editorcontainer.disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.innerdocbody {
  outline: none
}

.on-paint {
  cursor: url("https://assets-cdn.shimo.im/assets/images/cursor_paint-2fd53d910d.cur"), auto
}

.pad-view .content-container,
.pad-view .h-container {
  padding: 0 20px;
  width: auto;
  min-width: 1176px;
  margin: 0 auto;
  box-sizing: border-box
}

@media screen and (max-width:1250px) {
  .sidebar {
      background: #f0f0f0
  }
}

@media screen and (max-width:1516px) {
  .history-show .sidebar,
  .selection-unfold .sidebar {
      right: 0;
      width: 340px;
      padding-left: 0
  }
  .history-show #footer,
  .history-show .doc-container,
  .history-show .editbar,
  .selection-unfold #footer,
  .selection-unfold .doc-container,
  .selection-unfold .editbar {
      margin-right: 320px;
      margin-left: auto
  }
  .directory-show .sidebar {
      padding-left: 0;
      margin-left: 100px
  }
}

@media screen and (min-width:1516px) {
  .history-show .sidebar {
      right: calc(50% - 758px)
  }
  .history-show .editbar-list {
      margin-left: 40px
  }
  .history-show .editorcontainer {
      left: auto
  }
}

@media screen and (max-width:1176px) {
  body {
      overflow-x: auto!important;
      overflow-y: hidden!important;
      min-width: 1176px
  }
  body.spreadsheet {
      overflow: hidden!important
  }
  .text-count {
      right: auto;
      left: 328px
  }
  .history-show .content-container,
  .selection-unfold .content-container {
      padding: 0 0 0 18px
  }
  .history-show .doc-container,
  .selection-unfold .doc-container {
      display: inline-block;
      margin-right: auto
  }
  .history-show .sidebar,
  .selection-unfold .sidebar {
      position: relative;
      float: right;
      top: 0;
      right: 0;
      height: 100vh;
      z-index: 99
  }
  .directory-show .sidebar {
      margin-left: 0
  }
}

@media screen and (max-width:1296px) {
  .doc-container,
  .editbar,
  .pad-view .editable-footer {
      margin-left: calc(100% - 1043px)
  }
}

#doc-container,
#editbar,
.document-info-list {
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.pad-loading {
  position: absolute;
  width: 100%;
  top: 50px;
  bottom: 0;
  z-index: 999;
  overflow: hidden;
  left: 0
}

.readonly .pad-loading {
  height: auto
}

.pad-loading-img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px
}

.doc-desc {
  line-height: 25px;
  color: #999;
  font-size: 12px;
  float: right;
  margin-top: 22px
}

.team-creator-container {
  width: 656px;
  height: 500px;
  margin-left: -327px;
  margin-top: -250px;
  text-align: center
}

.team-creator-title {
  display: block;
  width: 200px;
  height: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  background-position: -20px -240px
}

.team-creator-info {
  padding-top: 68px;
  padding-bottom: 70px
}

.creator-info-text {
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 1;
  padding-top: 5px;
  padding-bottom: 5px
}

.team-form {
  min-height: 114px;
  margin-top: 80px;
  margin-bottom: 50px
}

.team-form-title {
  display: block;
  width: 100px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  background-position: -240px -240px
}

.team-input-box {
  position: relative;
  display: inline-block;
  width: 340px;
  height: 32px;
  vertical-align: top;
  border-radius: 2px;
  background-color: #f5f5f5;
  font-size: 12px;
  color: #666
}

.team-fieldset {
  padding: 0 0 6px;
  border: transparent
}

.team-input-label {
  width: 60px;
  padding-right: 18px;
  margin-bottom: 0;
  line-height: 32px;
  font-size: 12px;
  font-weight: 400;
  color: #000
}

.message-code-error,
.team-input-box,
.team-input-label {
  text-align: left
}

.team-input {
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #333;
  padding: 9px 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: transparent;
  background-color: transparent
}

.team-input:-moz-placeholder,
.team-input:-ms-input-placeholder,
.team-input::-moz-placeholder,
.team-input::-webkit-input-placeholder {
  color: #afafaf
}

.phone-message-code,
.team-name-input {
  width: 316px
}

.team-form-dropdown-wrap {
  position: absolute;
  z-index: 999;
  display: none;
  top: 31px;
  width: 82px;
  height: 80px;
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc
}

.team-form-dropdown-wrap.active {
  display: block
}

.team-form-dropdown-wrap .trangle {
  position: absolute;
  left: 50%;
  margin-left: -7px
}

.phone-location-select {
  padding: 0 17px;
  border-right: 1px solid #afafaf;
  display: inline-block
}

.location-select-text {
  line-height: 1
}

.location-select-btn-icon {
  display: inline-block;
  float: right;
  width: 5px;
  height: 10px;
  margin-top: 2px;
  margin-left: 8px;
  background-position: -427px -25px
}

.phone-location-list {
  background-color: #fff;
  padding: 10px 0
}

.phone-location-item {
  display: block;
  cursor: pointer;
  color: #666;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center
}

.phone-location-item:hover {
  background-color: #f5f5f5
}

.phone-location-code {
  width: 24px
}

.phone-number-input {
  padding-left: 0;
  padding-right: 0;
  width: 118px
}

.message-code-btn {
  position: absolute;
  display: none;
  padding: 7px 12px;
  right: 0;
  color: #6da2d7
}

.message-code-btn.active {
  display: inline
}

.message-code-btn.waiting {
  opacity: .6;
  pointer-events: none
}

.message-code-btn:hover {
  text-decoration: underline
}

.team-form-error-info {
  float: left;
  margin-left: 198px;
  opacity: 0;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.team-form-error-info.active {
  opacity: 1
}

.geetest-container {
  position: absolute;
  background: hsla(0, 0%, 100%, .6);
  top: 50px;
  left: 93px;
  padding: 90px
}

.team-setting-wrap {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .3);
  z-index: 1000
}

.team-setting-wrap.active {
  display: block
}

.team-setting-wrap .team-setting-dialog {
  top: 30%;
  position: absolute;
  left: 50%;
  margin-left: -180px;
  width: 360px;
  font-size: 14px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .2)
}

.team-setting-wrap .team-setting-head {
  height: 40px;
  line-height: 40px;
  background-color: #f2f5f9;
  font-size: 14px;
  color: #666;
  padding: 0 20px
}

.team-setting-wrap .team-setting-head .header-text,
.team-setting-wrap .team-setting-head .icon-close {
  display: inline-block
}

.team-setting-wrap .team-setting-head .icon-close {
  position: absolute;
  top: 0;
  right: 20px;
  margin-top: -1px;
  cursor: pointer;
  text-indent: 0
}

.team-setting-wrap .team-setting-body {
  padding: 26px 20px;
  font-size: 12px;
  color: #898989;
  line-height: 20px;
  word-break: break-all;
  max-height: 200px;
  overflow: auto
}

.team-setting-wrap .team-setting-foot {
  text-align: right;
  padding: 0 20px 20px;
  font-size: 0;
  white-space: nowrap
}

.team-setting-wrap .dismiss-team {
  margin-right: 18px
}

.config-input-box {
  width: auto
}

.config-input-label {
  width: auto;
  padding-right: 12px
}

.team-config-input {
  width: 228px
}

#image-resize-frame {
  display: none;
  -webkit-box-shadow: 5px 5px 5px #555;
  -moz-box-shadow: 5px 5px 5px #555;
  -ms-box-shadow: 5px 5px 5px #555;
  -o-box-shadow: 5px 5px 5px #555;
  box-shadow: 5px 5px 5px #555;
  position: absolute;
  width: 100px;
  height: 100px;
  top: 100px;
  left: 100px;
  outline: 1px solid #0f0
}

#image-resize-frame.active {
  display: block
}

.image-resize-bar {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 10px;
  width: 10px;
  border-radius: 9px;
  background: #41464b;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .45);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .45);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .45);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .45);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .45);
  position: absolute;
  display: none;
  right: 0;
  bottom: 0
}

.image-resize-bar:hover {
  cursor: se-resize
}

.image-resize-bar.active {
  display: block
}

.copy-container {
  position: fixed;
  top: 0;
  left: -1000px;
  opacity: 0
}

.gallery-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000000;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out
}

.gallery-box.modal {
  background-color: rgba(0, 0, 0, .6);
  display: block
}

.gallery-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  display: none;
  width: 120px;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #0a0a0a;
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, .6);
  -moz-box-shadow: 0 0 18px rgba(0, 0, 0, .6);
  -ms-box-shadow: 0 0 18px rgba(0, 0, 0, .6);
  -o-box-shadow: 0 0 18px rgba(0, 0, 0, .6);
  box-shadow: 0 0 18px rgba(0, 0, 0, .6)
}

.gallery-list-item {
  margin: 10px;
  width: 90px;
  height: 60px;
  overflow: hidden;
  border: 1px solid hsla(0, 0%, 100%, .3);
  cursor: pointer
}

.gallery-list-item.active,
.gallery-list-item:hover {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .4);
  -ms-box-shadow: 0 0 6px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 0 6px rgba(0, 0, 0, .4);
  box-shadow: 0 0 6px rgba(0, 0, 0, .4)
}

.gallery-list-item.active .gallery-list-img,
.gallery-list-item:hover .gallery-list-img {
  opacity: 1
}

.gallery-list-item.active {
  border-color: #fff
}

.gallery-list-img {
  opacity: .6;
  width: 100%;
  display: block;
  margin: auto
}

.gallery-details {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: 50px;
  margin-left: 0;
  font-size: 16px;
  color: #fff;
  text-align: left;
  line-height: 50px;
  background-color: rgba(34, 34, 34, .88)
}

.gallery-detail-number {
  margin-left: 40px
}

.gallery-action {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px
}

.gallery-action-item {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 50px;
  text-align: center;
  font-size: 24px;
  line-height: 50px;
  padding: 0 13px;
  text-decoration: none
}

.gallery-action-item.disable {
  opacity: .2;
  cursor: default
}

.gallery-action-item:hover {
  background-color: #000;
  color: #fff
}

.gallery-action-item:hover .gallery-toolbar-link-download {
  background-position: 0 -22px
}

.gallery-action-item:hover .gallery-toolbar-zoom-in {
  background-position: -24px -22px
}

.gallery-action-item:hover .gallery-toolbar-zoom-out {
  background-position: -48px -22px
}

.gallery-action-item:hover .gallery-toolbar-origin-scale {
  background-position: -72px -22px
}

.gallery-action-item:hover .gallery-toolbar-fixed-extent {
  background-position: -96px -22px
}

.gallery-action-item:hover .s-tooltip {
  display: block
}

.gallery-action-item .s-tooltip {
  top: -32px;
  left: 32px;
  display: none
}

.gallery-toolbar-icons {
  display: block;
  width: 24px;
  height: 22px;
  margin-left: 8px;
  margin-top: 14px;
  background: url("https://assets-cdn.shimo.im/assets/images/gallery_toolbar_icons-b23ac0878d.png") no-repeat;
  background-size: 120px 44px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .gallery-toolbar-icons {
      background: url("https://assets-cdn.shimo.im/assets/images/gallery_toolbar_icons_2x-7fc7214b4a.png") no-repeat;
      background-size: 120px 44px
  }
}

.gallery-toolbar-link-download {
  background-position: 0 0
}

.gallery-toolbar-zoom-in {
  background-position: -24px 0
}

.gallery-toolbar-zoom-out {
  background-position: -48px 0
}

.gallery-toolbar-origin-scale {
  background-position: -72px 0
}

.gallery-toolbar-fixed-extent {
  background-position: -96px 0
}

.gallery-img-box {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out
}

.gallery-img {
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0 28px rgba(0, 0, 0, .2);
  -ms-box-shadow: 0 0 28px rgba(0, 0, 0, .2);
  -o-box-shadow: 0 0 28px rgba(0, 0, 0, .2);
  box-shadow: 0 0 28px rgba(0, 0, 0, .2)
}

.metion-trangle-item {
  left: 19px
}

.doc-mention-list {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0
}

.doc-mention-result-list {
  background: #fff;
  color: #6886aa
}

.doc-mention-item {
  margin: 0;
  cursor: default;
  display: block;
  padding: 7.5px 15px;
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  cursor: pointer
}

.doc-mention-item:last-child {
  border-bottom: none
}

.doc-mention-item.active {
  background: #f2f5f9
}

.doc-mention-item.active .email,
.doc-mention-item.active .snippet {
  color: #c0c9c6
}

.doc-mention-item[data-type=doc] {
  color: #666
}

.doc-mention-avatar {
  width: 24px;
  height: 24px;
  margin-right: 15px;
  float: left;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%
}

.doc-mention-placeholder {
  font-style: italic;
  color: #c0c9c6
}

.mention-icon {
  width: 26px;
  height: 26px;
  display: inline-block;
  float: left;
  margin: 0 15px 0 1.5px
}

.doc-mention-pop {
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 7.5px 0;
  width: 220px;
  background: #fff;
  z-index: 99999;
  display: none
}

.doc-mention-pop.active {
  display: block
}

.text-count {
  position: fixed;
  right: calc(50% - 0px);
  margin-right: -100px;
  bottom: 30px;
  width: 200px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #898989;
  opacity: 1;
  z-index: 1;
  background-color: #fff;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in;
  -webkit-box-shadow: 0 2px 8px hsla(0, 0%, 70%, .8);
  -moz-box-shadow: 0 2px 8px hsla(0, 0%, 70%, .8);
  -ms-box-shadow: 0 2px 8px hsla(0, 0%, 70%, .8);
  -o-box-shadow: 0 2px 8px hsla(0, 0%, 70%, .8);
  box-shadow: 0 2px 8px hsla(0, 0%, 70%, .8);
  transition-property: right
}

.text-count.fadeout {
  opacity: 0;
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  transition: all .5s ease-in
}

.text-count-number {
  color: #41464b
}

.feature-tip-container,
.guide-tip-container {
  position: absolute;
  z-index: 100;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out
}

.feature-tip-symbol,
.guide-icon {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  background-color: #9abde3;
  animation: circle-pulse 4s infinite ease-in-out;
  -moz-animation: circle-pulse 4s infinite ease-in-out;
  -webkit-animation: circle-pulse 4s infinite ease-in-out;
  -o-animation: circle-pulse 4s infinite ease-in-out;
  pointer-events: none
}

.guide-icon-container {
  position: relative;
  height: 100px;
  width: 100%;
  pointer-events: none
}

.guide-show-more-icon {
  position: absolute;
  left: 50%;
  margin-left: -15px;
  bottom: 10px;
  animation: circle-slide-away 4s infinite ease-in;
  -moz-animation: circle-slide-away 4s infinite ease-in;
  -webkit-animation: circle-slide-away 4s infinite ease-in;
  -o-animation: circle-slide-away 4s infinite ease-in
}

.feature-tip-content,
.guide-tip {
  display: inline-block;
  font-size: 12px;
  max-width: 310px;
  padding: 5px;
  border-radius: 4px;
  color: #333;
  background-color: #f5d57a
}

.guide-tip-title {
  display: inline-block;
  font-weight: 700;
  vertical-align: top
}

.guide-tip-info {
  display: inline-block;
  max-width: 240px
}

.guide-share-tip {
  display: block;
  margin-left: -46px;
  margin-top: 5px
}

.guide-open-share-tip {
  display: block;
  margin-top: 10px
}

.guide-share-users-tip {
  margin-top: 10px
}

@-webkit-keyframes circle-pulse {
  0%,
  to {
      -webkit-transform: scale(.6);
      -moz-transform: scale(.6);
      transform: scale(.6);
      opacity: .85
  }
  50% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      opacity: .6
  }
}

@-moz-keyframes circle-pulse {
  0%,
  to {
      -webkit-transform: scale(.6);
      -moz-transform: scale(.6);
      transform: scale(.6);
      opacity: .85
  }
  50% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      opacity: .6
  }
}

@keyframes circle-pulse {
  0%,
  to {
      -webkit-transform: scale(.6);
      -moz-transform: scale(.6);
      transform: scale(.6);
      opacity: .85
  }
  50% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      opacity: .6
  }
}

@-webkit-keyframes circle-slide-away {
  0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      bottom: 10;
      opacity: 0
  }
  10% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      bottom: 10;
      opacity: 1
  }
  90% {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      transform: scale(.8);
      bottom: 90px;
      opacity: .8
  }
  to {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      transform: scale(.8);
      bottom: 90px;
      opacity: 0
  }
}

@-moz-keyframes circle-slide-away {
  0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      bottom: 10;
      opacity: 0
  }
  10% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      bottom: 10;
      opacity: 1
  }
  90% {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      transform: scale(.8);
      bottom: 90px;
      opacity: .8
  }
  to {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      transform: scale(.8);
      bottom: 90px;
      opacity: 0
  }
}

@keyframes circle-slide-away {
  0% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      bottom: 10;
      opacity: 0
  }
  10% {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      bottom: 10;
      opacity: 1
  }
  90% {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      transform: scale(.8);
      bottom: 90px;
      opacity: .8
  }
  to {
      -webkit-transform: scale(.8);
      -moz-transform: scale(.8);
      transform: scale(.8);
      bottom: 90px;
      opacity: 0
  }
}

.guide-change-permission-icon,
.guide-open-doc-icon {
  float: left
}

.guide-open-doc-tip {
  float: right;
  margin-left: 20px
}

.guide-change-permission-tip {
  float: right;
  margin-left: 10px
}

.sheet-splash-container {
  width: 635px;
  height: 484px;
  margin-left: -317px;
  margin-top: -242px
}

.sheet-splash-title {
  width: 192px;
  height: 62px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 74px;
  margin: 74px auto 30px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/sheet_splash_title-e375efcfa7.png");
  background-size: 192px 62px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .sheet-splash-title {
      background-image: url("https://assets-cdn.shimo.im/assets/images/sheet_splash_title_2x-aac595a248.png")
  }
}

.sheet-splash-img {
  margin-left: auto;
  margin-right: auto;
  height: 200px;
  width: 400px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/sheet_splash_img-26ac3262a8.png");
  background-size: 400px 200px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .sheet-splash-img {
      background-image: url("https://assets-cdn.shimo.im/assets/images/sheet_splash_img_2x-20733417cf.png")
  }
}

.sheet-splash-actions {
  width: 346px;
  height: 28px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 34px
}

.sheet-splash-confirm,
.sheet-splash-ignore {
  width: 170px;
  height: 28px;
  display: inline-block;
  font-size: 12px;
  border-radius: 1px;
  text-align: center;
  line-height: 28px
}

.sheet-splash-confirm {
  float: left;
  color: #fff;
  background-color: #41464b
}

.sheet-splash-confirm:hover {
  background-color: #313438
}

.sheet-splash-ignore {
  float: right;
  color: #41464b;
  background-color: #e5e5e5
}

.sheet-splash-ignore:hover {
  background-color: #dadada
}

.sidebar {
  width: 340px;
  position: fixed;
  right: -340px;
  top: 55px;
  bottom: 0;
  min-height: 150px;
  border-bottom: none;
  font-size: 12px;
  z-index: 100
}

.selection-comment-input {
  max-height: 78px;
  overflow: auto;
  width: calc(100% - 10px);
  position: relative;
  z-index: 1;
  visibility: hidden;
  height: auto;
  line-height: 19px;
  min-height: 19px;
  padding: 5px 4px;
  outline: none
}

.comment-item-time,
.history-item-time {
  float: right;
  color: #bebebe;
  font-size: 12px;
  width: 90px;
  text-align: right
}

.comment-avatar {
  position: relative;
  float: left;
  width: 32px;
  height: 32px
}

.comment-avatar,
.comment-avatar-img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%
}

.comment-avatar-img {
  width: 100%;
  height: 100%
}

.list-mask {
  display: none;
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 1px;
  right: -22px;
  z-index: 100;
  opacity: .5
}

.comment-error-span,
.fun {
  position: absolute;
  z-index: 10;
  display: none
}

.fun {
  top: 2px;
  right: 0
}

.comment-error-span {
  bottom: -20px;
  left: 0
}

.icon-box {
  color: #ee7b70
}

.icon-box .hicon {
  margin-right: 4px;
  top: 3px;
  vertical-align: top;
  color: inherit
}

.deleting-comment {
  color: #ee7b70
}

.resend-comment {
  right: 64px;
  color: #8f9baa
}

.resend-comment .hicon {
  color: inherit
}

.resend-comment:hover {
  color: #6093bb
}

.sending-comment {
  color: #60be61
}

.selection-header {
  padding: 12px 0;
  color: #666
}

.current-user:hover .comment-item-time,
.deleting .comment-item-time,
.sending-error .comment-item-time,
.sending .comment-item-time {
  display: none
}

.sending-error .delete-comment,
.sending-error .error-span,
.sending-error .resend-comment,
.sending .sending-comment {
  display: block
}

.current-user.deleting:hover .delete-comment,
.current-user.sending:hover .delete-comment {
  display: none
}

.current-user:hover .delete-comment,
.deleting .deleting-comment {
  display: block
}

.show-comments:before {
  display: none
}

.show-comments:after {
  margin-left: 2px
}

.show-comments.icon-drop-up:after {
  content: "\E625"
}

.show-comments.icon-drop-down:after {
  content: "\E61E"
}

.input-box-footer {
  height: 14px
}

.input-box-footer .hicon:before {
  margin-right: 5px
}

.comment-avatar {
  width: 30px!important;
  height: 30px!important
}

.comment-content {
  font-size: 12px
}

.selection-comment-content {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-top-left-radius: 0;
  overflow: hidden;
  padding: 0 30px
}

.start-comment {
  display: inline-block;
  cursor: pointer;
  float: right;
  padding: 2px 0
}

.start-comment-icon {
  margin-right: 5px
}

.input-box-footer {
  padding-bottom: 20px
}

.input-box-footer .hicon {
  color: inherit
}

.input-box-footer>* {
  color: #c2cad2
}

.input-box-footer>:hover {
  color: #8f9baa
}

.document-info-li {
  position: relative
}

.doc-history-title {
  position: absolute;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 43px;
  padding-left: 20px
}

.doc-history-title.spreadsheet {
  position: absolute;
  background: inherit
}

.doc-history-title .content {
  line-height: 40px;
  color: #333
}

.doc-history-title:after {
  content: "";
  display: block;
  border-bottom: 1px solid #ddd;
  width: 300px;
  position: absolute;
  bottom: 0
}

.doc-sidebar-close {
  width: 12px;
  height: 12px;
  font-size: 12px;
  padding: 9px 7px;
  cursor: pointer;
  color: #888;
  position: absolute;
  text-align: center;
  line-height: 12px;
  top: 4px;
  right: 36px;
  z-index: 2;
  text-indent: 0
}

.doc-sidebar-close:hover {
  color: #333
}

.history-list {
  padding: 0 20px;
  position: absolute;
  top: 42px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden
}

.change {
  padding: 5px 15px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e4e4e4;
  margin-bottom: 0;
  position: relative;
  display: none
}

.change.state1 {
  margin-top: 7px;
  max-height: 170px;
  overflow: hidden
}

.change.state1:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(hsla(0, 0%, 100%, 0), #fff)
}

.change:nth-child(2),
.change:nth-child(3),
.change:nth-child(4) {
  display: block
}

.change:nth-child(2) {
  z-index: 49
}

.change:nth-child(3) {
  z-index: 48
}

.change:nth-child(4) {
  z-index: 47
}

.change.state2 {
  height: 5px;
  overflow: hidden;
  padding: 0 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -4px
}

.change .upload-image img {
  width: auto!important;
  height: auto!important
}

.history-revert {
  display: none;
  position: absolute;
  top: 5px;
  right: 10px;
  background: #fff;
  cursor: pointer!important;
  color: #73a2e3;
  font-size: 12px
}

.history-revert:hover,
.history-revert:hover .history-revert-icon {
  color: #4682c1
}

.state1 .history-revert {
  display: inline-block
}

.history-revert .history-revert-icon {
  float: left;
  top: 0;
  margin-right: 3px;
  color: #73a2e3;
  cursor: pointer!important
}

.history-info {
  color: #73a2e3;
  cursor: pointer;
  margin-left: 5px
}

.history-info:hover {
  color: #4682c1
}

.history-info:after {
  content: "\5C55\5F00"
}

#sidebar {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -webkit-transition: right .2s ease-in;
  -moz-transition: right .2s ease-in;
  transition: right .2s ease-in
}

.sidebar .history-item.expand .change {
  border: 1px solid #ddd;
  box-shadow: unset;
  background: transparent;
  height: auto;
  overflow: hidden;
  margin-bottom: 7px;
  display: block
}

.sidebar .history-item.expand .change:last-child {
  margin-bottom: 0
}

.sidebar .history-item.expand .change.state1 {
  max-height: none
}

.sidebar .history-item.expand .change.state1:after {
  display: none
}

.sidebar .history-item.expand .change.state2 {
  border-radius: 4px
}

.sidebar .history-item.expand:hover .change {
  box-shadow: unset
}

.sidebar .history-item.expand .history-info:after {
  content: "\6536\8D77"
}

.sidebar .history-item.expand .history-revert {
  background: #f0f0f0
}

.history-item {
  -webkit-transition: background .2s ease-in;
  -moz-transition: background .2s ease-in;
  transition: background .2s ease-in;
  width: 100%;
  padding: 10px 20px;
  margin-left: -20px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent
}

.history-item.active {
  padding-bottom: 15px;
  background: #dfdfdf
}

.history-item.short .state1:after,
.history-item.single.short .history-info {
  display: none
}

.history-header {
  position: relative
}

.history-item-time {
  color: #ccc;
  float: right;
  font-size: 12px;
  line-height: 18px
}

.history-content {
  display: inline-block;
  font-size: 12px;
  color: #a5a5a5;
  line-height: 18px;
  width: 210px;
  word-break: break-all
}

.history-content-author {
  color: #a5a5a5;
  margin-right: 5px;
  font-weight: 700
}

.history-content-time {
  color: #6886aa;
  cursor: pointer
}

.document-info-list {
  opacity: 0
}

.document-info-list:before {
  content: " ";
  height: 10px;
  width: 100%;
  background: #fff
}

.temp-list-trangle {
  border: none;
  left: -7px;
  top: 100px;
  position: absolute
}

.temp-list-trangle-item.left {
  left: -1px
}

.no-target {
  background: #fff;
  text-indent: 15px;
  line-height: 38px;
  color: #ee7b70;
  display: none
}

.close-temp {
  width: 12px;
  height: 12px;
  font-size: 12px;
  padding: 9px 7px;
  cursor: pointer;
  color: #888;
  position: absolute;
  text-align: center;
  line-height: 12px;
  top: 0;
  right: 8px;
  z-index: 2
}

.close-temp:hover {
  color: #333
}

.shadow-img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 300px;
  display: none
}

.document-info-li {
  overflow: hidden;
  padding: 0 15px
}

.document-info-li:last-child {
  border-radius: 0 0 4px 4px;
  margin-bottom: 0
}

.has-comment .selection-header {
  border-bottom: 1px solid #d7dbe0
}

.selection-comment-list {
  overflow-x: hidden;
  overflow-y: auto
}

.comment-input-box {
  width: 100%;
  background: #fff;
  padding: 0 15px 15px;
  margin-left: -15px
}

.input-placeholder {
  position: absolute;
  z-index: 0;
  padding: 6px 4px;
  height: 19px;
  line-height: 19px;
  color: #cdcdcd;
  left: 19px
}

.temp-list {
  display: none;
  width: 300px;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding-top: 31px;
  position: absolute;
  z-index: 200
}

.temp-list:before {
  content: "\8BC4\8BBA";
  position: relative;
  width: 100%;
  text-align: left;
  text-indent: 15px;
  height: 30px;
  line-height: 30px;
  color: #666;
  background: #f7f9fb;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 1px 4px #ddd;
  background: -moz-linear-gradient(top, #fafafa, #f8f8f8);
  background: -webkit-linear-gradient(top, #fafafa, #f8f8f8);
  background: -o-linear-gradient(top, #fafafa, #f8f8f8);
  background: -ms-linear-gradient(top, #fafafa, #f8f8f8);
  font-size: 12px;
  position: absolute;
  z-index: 1;
  top: 0
}

.only .input-box-footer {
  display: none
}

.only .selection-comment-list {
  width: 100%;
  margin-left: -15px;
  padding: 0 15px
}

.has-many {
  position: absolute
}

.has-many .scroll-list {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%
}

.has-many .shadow-img {
  display: block
}

.has-many .selection-comment-input {
  display: none
}

.has-many .selection-comment-content {
  padding: 0
}

.has-many .document-info-li:last-child {
  margin-bottom: 0
}

.has-many .document-info-li:last-child .shadow-img,
.has-many .selection-comment-list li {
  display: none
}

.has-many .selection-comment-list.open li,
.has-many .selection-comment-list li:last-child {
  display: block
}

.s-comment .doc-directory,
.s-comment .document-info-list,
.start-s-comment .doc-directory,
.start-s-comment .document-info-list {
  filter: blur(4px);
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius="1")
}

.doc-comment-item {
  min-height: 38px;
  margin: 16px 0;
  position: relative
}

.comment-body {
  width: calc(100% - 41px);
  margin-left: 30px;
  padding: 0 12px;
  line-height: 20px
}

.comment-info {
  color: #6886aa
}

.comment-content {
  color: #333;
  word-wrap: break-word
}

.sidebar-body {
  background: inherit;
  width: 100%;
  height: 100%
}

.doc-view {
  position: relative
}

.pad-view-pc #buddle-box {
  display: none
}

.comment-show .doc-comment-container {
  visibility: visible
}

.history-show .doc-comment-container {
  visibility: hidden
}

.doc-comment-container {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s ease-out
}

.doc-comment-box {
  width: 260px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  border-radius: 2px;
  position: absolute;
  left: 0;
  margin-left: 0;
  cursor: pointer;
  transition: opacity .3s ease-out, margin-left .3s ease, top .3s ease
}

.doc-comment-box>* {
  opacity: .5
}

.doc-comment-box:hover>* {
  opacity: 1
}

.doc-comment-box.comment-init {
  transition: none;
  opacity: 0
}

.doc-comment-box.active {
  cursor: default;
  box-shadow: 0 0 20px #c8c8c8;
  margin-left: -30px;
  width: 290px
}

.doc-comment-box.active>* {
  opacity: 1
}

.doc-comment-box.active .doc-comment-content {
  max-height: none
}

.doc-comment-box.active .doc-comment-content:after {
  display: none
}

.doc-comment-box.active .doc-comment-time {
  display: block
}

.doc-comment-box.active .current-user:hover .doc-comment-time {
  display: none
}

.doc-comment-box.active .current-user:hover .doc-comment-delete {
  display: block
}

.doc-comment-body {
  max-height: 300px;
  overflow: auto;
  width: 100%
}

.doc-comment-item {
  padding: 2px 0;
  min-height: 50px;
  margin: 0;
  overflow: hidden
}

.doc-comment-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  float: left;
  margin: 10px 10px 10px 15px
}

.doc-comment-text {
  float: left;
  font-size: 12px;
  width: calc(100% - 70px);
  position: relative
}

.doc-comment-delete,
.doc-comment-time {
  position: absolute;
  top: 10px;
  right: 0;
  line-height: 1;
  font-size: 12px;
  color: #a2a2a2;
  display: none
}

.doc-comment-delete {
  color: #ee7b70;
  cursor: pointer
}

.doc-comment-delete-icon {
  position: relative;
  top: 0;
  vertical-align: top;
  color: inherit!important
}

.doc-comment-name {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 1;
  font-size: 12px;
  color: #a2a2a2
}

.doc-comment-content {
  color: #333;
  margin-bottom: 5px;
  display: inline-block;
  line-height: 18px;
  max-height: 50px;
  overflow: hidden;
  word-break: break-word
}

.doc-comment-content.over-range {
  position: relative
}

.doc-comment-content.over-range:after {
  content: "...";
  width: 100%;
  height: 18px;
  background: #fff;
  left: 0;
  bottom: 0;
  position: absolute
}

.doc-comment-footer {
  position: relative;
  overflow: hidden;
  padding-bottom: 2px
}

.doc-comment-footer .doc-comment-avatar {
  margin-top: 12px
}

.doc-comment-input-placeholder {
  position: absolute;
  z-index: 0;
  height: 20px;
  line-height: 20px;
  color: #cdcdcd;
  left: 55px;
  top: 17px;
  font-size: 12px
}

.doc-comment-input {
  word-break: break-word;
  border: none;
  outline: none;
  resize: none;
  margin-top: 12px;
  width: calc(100% - 70px);
  padding: 5px 0;
  min-height: 20px;
  max-height: 100px;
  overflow: auto;
  overflow-x: hidden;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  position: relative;
  z-index: 1
}

.doc-comment-number {
  color: #6da2d7;
  text-indent: 55px;
  line-height: 1;
  font-size: 12px;
  padding: 6px 0
}

.btn.doc-comment-btn {
  line-height: 24px;
  height: 24px;
  padding: 0 12px;
  float: right;
  margin: 0 10px 10px 0
}

.btn.doc-comment-cancel {
  margin-right: 15px
}

.comment-actived #buddle-comment-btn {
  display: none!important
}

.doc-comment-header {
  height: 32px;
  line-height: 32px;
  background: -moz-linear-gradient(top, #fafafa, #f8f8f8);
  background: -webkit-linear-gradient(top, #fafafa, #f8f8f8);
  background: -o-linear-gradient(top, #fafafa, #f8f8f8);
  background: -ms-linear-gradient(top, #fafafa, #f8f8f8);
  box-shadow: 0 1px 4px #ccc
}

.doc-comment-close {
  margin-right: 10px;
  font-size: 12px;
  color: #a2a2a2;
  float: right
}

.doc-comment-close:hover {
  color: #333
}

.doc-comment-close:hover .doc-comment-close-icon {
  opacity: 1
}

.doc-comment-close-icon {
  vertical-align: middle;
  height: 32px;
  margin-right: 5px;
  background: url("https://assets-cdn.shimo.im/assets/images/finish_comment_icon_2x-dddffee799.png");
  background-size: 13px 10px;
  line-height: 32px;
  display: inline-block;
  width: 13px;
  height: 10px;
  position: relative;
  top: -1px;
  opacity: .5
}

.doc-comment-online {
  display: none;
  position: absolute;
  right: 1px;
  bottom: 0;
  width: 6px;
  height: 6px;
  background: #60be61;
  border: 1px solid #fff;
  left: 37px;
  top: 31px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%
}

.doc-comment-online.active {
  display: block
}

.doc-footer-divide {
  margin-top: 7px;
  height: 1px;
  width: 270px;
  margin-left: 10px;
  background: url("https://assets-cdn.shimo.im/assets/images/comment_divide_2x-b94d0afe73.png");
  background-size: 270px 1px
}

.doc-comment-render {
  opacity: 0;
  width: 190px;
  height: 0;
  line-height: 18px;
  font-size: 12px;
  overflow: hidden
}

.buddle-comment-btn {
  color: #fff;
  position: absolute;
  right: 40px;
  font-size: 18px;
  cursor: pointer;
  width: 24px!important;
  height: 20px;
  display: none;
  color: #c2cad2
}

.buddle-comment-btn:hover {
  color: #5e97d4
}

.buddle-comment-btn:before {
  left: 2px;
  position: absolute
}

.comment-buddle {
  position: absolute;
  text-decoration: none;
  top: 10px;
  right: 42px;
  text-align: center;
  font-size: 12px;
  color: #bbb;
  width: 20px;
  height: 20px;
  cursor: pointer
}

.comment-buddle.active,
.comment-buddle.beClick,
.comment-buddle:hover {
  color: #6daaec
}

.comment-buddle.hide {
  display: none
}

.comment-buddle:before {
  position: absolute;
  font-size: 18px;
  left: 0
}

.comment-buddle-text {
  color: #fff;
  position: absolute;
  left: -1px;
  top: 1px;
  height: 12px;
  width: 18px;
  font-family: Arial, Helvetica, Tahoma;
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  transform: scale(.9)
}

.doc-directory {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  color: #ccc;
  margin: 126px 0 20px;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in;
  padding-left: 10px
}

.doc-directory-title {
  font-size: 12px;
  color: #333;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px
}

.doc-directory-title .doc-sidebar-close {
  top: 2px;
  padding: 2px 5px
}

.doc-directory-list {
  height: calc(100% - 154px);
  padding: 16px 12px 0;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-y: auto;
  overflow-x: hidden
}

.doc-directory-list li.toc-entry {
  position: relative;
  padding: 2px 0;
  border-left: 1px solid #ddd
}

.doc-directory-list li.toc-entry:hover a {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  color: #333
}

.doc-directory-list li.toc-entry>a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 10px;
  color: #7d7d7d;
  font-size: 12px
}

.doc-directory-list li.toc-entry:before {
  content: "\25CF";
  position: absolute;
  top: 4px;
  left: -4px;
  color: #7d7d7d;
  font-family: Times New Roman
}

.doc-directory-list li.linetag-hide {
  display: none
}

.doc-directory-list li.dir-not-found {
  margin-top: 84px;
  text-align: center;
  font-size: 14px;
  color: #7d7d7d
}

.doc-directory-list li.heading-3 a {
  font-size: 14px
}

.doc-directory-list.has-heading-3 li.heading-2 {
  padding-left: 25px
}

.doc-directory-list.has-heading-3 li.heading-2:before {
  position: relative;
  top: 2px;
  float: left;
  -webkit-transform: scale(.7);
  -moz-transform: scale(.7);
  transform: scale(.7)
}

.doc-directory-list.has-heading-2 li.heading-1,
.doc-directory-list.has-heading-3 li.heading-1 {
  padding-left: 45px
}

.doc-directory-list.has-heading-2 li.heading-1:before,
.doc-directory-list.has-heading-3 li.heading-1:before {
  position: relative;
  top: 2px;
  float: left;
  -webkit-transform: scale(.7);
  -moz-transform: scale(.7);
  transform: scale(.7)
}

.doc-directory-list li.decimal ol {
  list-style: decimal
}

.doc-directory-list li.lower-latin ol {
  list-style: lower-latin
}

.doc-directory-list li.lower-roman ol {
  list-style: lower-roman
}

.doc-directory-list ol {
  margin-left: 30px;
  color: #7d7d7d
}

.doc-directory-list ol li {
  list-style: inherit
}

.doc-directory-list ol li>a {
  color: #7d7d7d
}

body.android-app #buddle-box {
  display: none
}

body.ios {
  width: 100%!important
}

body.ios .container {
  top: 0
}

body.ios #doc-container {
  top: 0!important;
  width: 100%!important;
  left: 0!important;
  margin-left: 0!important
}

body.ios #header {
  display: none
}

body.ios .comment-buddle {
  width: 25px
}

body.ios #outerdocbody {
  margin-right: 30px;
  margin-left: -5px
}

body.ios .pad-view #doc-view #innerdocbody>div {
  margin-left: 5px;
  margin-right: -5px
}

body.ios .pad-view #doc-view #innerdocbody>div.has-comments {
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px
}

body.ios .pad-view #doc-view #innerdocbody {
  overflow: visible
}

.readonly .acl-write {
  display: none
}

#pad-view.readonly {
  min-width: 0;
  position: static
}

body.readonly {
  background: #f1f0f1;
  height: auto;
  overflow: auto;
  margin: 0 auto
}

body.readonly #track-avatars {
  display: none
}

body.readonly .weixin-preview-image {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -1px;
  opacity: 0
}

body.readonly #header {
  width: 816px;
  height: 90px;
  line-height: 90px;
  padding: 0;
  margin: 0 auto
}

body.readonly #header .readonly-avatar {
  float: right;
  line-height: 90px;
  margin-top: 0;
  padding-top: 5px
}

body.readonly #header .readonly-avatar .config-avatar-wrap {
  display: inline-block
}

body.readonly #header .mark-star-container {
  float: right;
  display: inline-block;
  line-height: 90px
}

body.readonly .home-link {
  float: left;
  width: 82px;
  height: 22px;
  margin-top: 34px;
  z-index: 999
}

body.readonly .home-link:focus {
  outline: 0
}

body.readonly .notlogged-link {
  margin-top: 38px
}

body.readonly .home-slogan {
  float: left;
  margin-left: 17px;
  margin-top: 43px;
  line-height: 14px;
  font-size: 14px;
  color: #41464b;
  letter-spacing: 2px;
  text-align: left;
  -webkit-font-smoothing: antialiased
}

body.readonly .readonly-operation {
  display: inline-block;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .11);
  border-radius: 2px;
  color: #666;
  letter-spacing: 0;
  font-family: STsong, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif
}

body.readonly .mark-star {
  width: 72px;
  background: #fff
}

body.readonly .mark-star.active {
  color: #ccc
}

body.readonly .mark-star-wrap {
  float: right;
  display: inline-block;
  line-height: 90px
}

body.readonly .mark-star-wrap .register-or-login {
  margin-right: 5px
}

body.readonly .register-or-login {
  margin-left: 10px;
  width: 92px;
  background: rgba(65, 70, 75, .06)
}

body.readonly .readonly-avatar {
  margin-left: 10px;
  margin-top: 19px;
  padding-top: 2px;
  box-shadow: none
}

body.readonly .doc-title-box {
  min-height: 60px
}

body.readonly #doc-container {
  width: 816px;
  left: auto;
  margin: 0 auto;
  position: static
}

body.readonly #doc-container #editorcontainer {
  position: static;
  -webkit-box-shadow: 0 1px 6px #ccc;
  -moz-box-shadow: 0 1px 6px #ccc;
  -ms-box-shadow: 0 1px 6px #ccc;
  -o-box-shadow: 0 1px 6px #ccc;
  box-shadow: 0 1px 6px #ccc;
  min-height: 600px
}

body.readonly #doc-container #editorcontainer .doc-title-box {
  height: auto;
  margin: 0 100px;
  width: auto;
  border-bottom: 1px solid #ebebeb
}

body.readonly #doc-container #editorcontainer .doc-title-box input {
  -webkit-text-fill-color: #333;
  -webkit-opacity: 1;
  background: #fff
}

body.readonly #doc-container #editorcontainer .innerdocbody {
  padding: 11px 0 150px
}

body.readonly #doc-container #editorcontainer .no-title-innerdocbody {
  padding-top: 100px
}

body.readonly #doc-container #editorcontainer .upload-image:hover .remove-media {
  display: none
}

body.readonly #doc-container #editorcontainer #outerdocbody .upload-image img {
  cursor: pointer
}

body.readonly #doc-container .doc-title-input {
  word-wrap: break-word;
  font-size: 30px;
  font-weight: 700
}

body.readonly #doc-container #buddle-box,
body.readonly #doc-container #buddle-comment-btn {
  display: none
}

body.readonly #login-mask {
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  position: fixed;
  background: hsla(0, 0%, 100%, .9)
}

body.readonly #login-mask .action-container {
  margin: 350px auto;
  vertical-align: top;
  width: 140px;
  color: #959595
}

body.readonly #login-mask .login-action,
body.readonly #login-mask .register-action {
  background: url(https://assets-cdn.shimo.im/assets/images/readonly_login_register-ae54ae3b84.png);
  width: 20px;
  height: 40px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 20px 146px;
  float: left
}

body.readonly #login-mask .login-action {
  margin-right: 40px;
  background-position: 0 -109px
}

body.readonly #login-mask .register-action {
  margin-left: 40px;
  background-position: 0 -43px
}

body.readonly #login-mask .tag {
  float: left;
  line-height: 12px;
  font-size: 12px
}

body.readonly #login-mask.active {
  display: block
}

body.readonly .doc-desc {
  margin-top: 0;
  line-height: 24px;
  text-align: right;
  font-size: 12px;
  color: #999
}

body.overflow-hidden {
  overflow: hidden
}

.spreadsheet-view.readonly {
  height: 100%;
  min-width: 100%
}

.spreadsheet-view.readonly .s-head {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  z-index: 200;
  line-height: 50px;
  background-color: #fff;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0 2px 3px 0 hsla(0, 0%, 39%, .15);
  -moz-box-shadow: 0 2px 3px 0 hsla(0, 0%, 39%, .15);
  -ms-box-shadow: 0 2px 3px 0 hsla(0, 0%, 39%, .15);
  -o-box-shadow: 0 2px 3px 0 hsla(0, 0%, 39%, .15);
  box-shadow: 0 2px 3px 0 hsla(0, 0%, 39%, .15)
}

.spreadsheet-view.readonly .s-body {
  padding-top: 66px
}

.spreadsheet-view.readonly .s-home-link-wrap {
  float: left;
  height: 100%;
  padding-left: 30px
}

.spreadsheet-view.readonly .s-home-link-wrap .s-home-link {
  display: inline-block;
  height: 16px;
  width: 66px;
  background: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo-0e480af845.png") no-repeat;
  background-size: cover;
  margin: 17px 0
}

.spreadsheet-view.readonly .s-home-link-wrap .s-home-link.custom-logo {
  background: none
}

.spreadsheet-view.readonly .s-home-link-wrap .s-home-link.custom-logo .header-logo-img {
  width: 66px;
  height: 16px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .spreadsheet-view.readonly .s-home-link-wrap .s-home-link {
      background-image: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo_2x-7925de526a.png")
  }
}

.spreadsheet-view.readonly .s-head-readonly-wrap {
  float: left;
  height: 100%
}

.spreadsheet-view.readonly .s-head-readonly-wrap .sheet-img-not-loggin {
  margin-left: 24px;
  margin-right: 9px
}

.spreadsheet-view.readonly .s-head-readonly-wrap .title-loggin {
  margin-left: 4px;
  margin-right: 10px
}

.spreadsheet-view.readonly .s-head-readonly-wrap .s-title {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #333;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  text-align: left
}

.spreadsheet-view.readonly .s-head-readonly-wrap .readonly-loggin-star {
  float: none
}

.spreadsheet-view.readonly .readonly-btn-group {
  float: right;
  margin-right: 36px
}

.spreadsheet-view.readonly .readonly-btn-group .readonly-operation {
  display: inline-block;
  float: none;
  margin-top: 0;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .11);
  border-radius: 2px;
  color: #666;
  letter-spacing: 0
}

.spreadsheet-view.readonly .readonly-btn-group .mark-star {
  width: 72px;
  background: #fff
}

.spreadsheet-view.readonly .readonly-btn-group .mobile-readonly-anonymous-star,
.spreadsheet-view.readonly .readonly-btn-group .register-or-login {
  margin-left: 10px;
  width: 92px;
  background: rgba(65, 70, 75, .06)
}

.spreadsheet-view.readonly .loading {
  height: auto
}

.spreadsheet-view.readonly .mobile-sheet-head {
  height: 66px;
  line-height: 0;
  padding: 0 16px
}

.spreadsheet-view.readonly .mobile-sheet-head .s-home-link-wrap {
  padding-top: 12px;
  padding-left: 0;
  font-size: 0;
  width: 100%;
  height: 0;
  line-height: 0
}

.spreadsheet-view.readonly .mobile-sheet-head .s-home-link-wrap .s-home-link {
  margin: 0
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .spreadsheet-view.readonly .mobile-sheet-head .s-home-link-wrap .s-home-link {
      background-image: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo_2x-7925de526a.png")
  }
}

.spreadsheet-view.readonly .mobile-sheet-head .s-head-readonly-wrap {
  position: relative;
  float: none;
  margin-top: 30px;
  height: auto;
  white-space: nowrap
}

.spreadsheet-view.readonly .mobile-sheet-head .s-head-readonly-wrap .m-multi-sheet-wrap {
  float: right;
  max-width: 120px
}

.spreadsheet-view.readonly .mobile-sheet-head .s-head-readonly-wrap .m-multi-sheet-wrap .single-sheet-wrap {
  display: inline-block;
  height: 38px;
  line-height: 40px;
  padding-right: 10px;
  overflow: hidden;
  font-size: 14px;
  color: #666
}

.spreadsheet-view.readonly .mobile-sheet-head .s-head-readonly-wrap .s-title {
  font-size: 14px;
  line-height: 35px;
  margin-right: 120px;
  color: none;
  font-weight: 400;
  width: calc(100% - 120px)
}

.m-sheet-head {
  width: 100%;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff
}

.m-sheet-head .m-s-home-link-wrap {
  width: 100%;
  height: 44px;
  line-height: 44px
}

.m-sheet-head .m-s-home-link-wrap .m-s-home-link {
  float: left;
  display: inline-block;
  height: 16px;
  width: 66px;
  margin-left: 10px;
  margin-top: 15px;
  background: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo-0e480af845.png") no-repeat;
  background-size: cover
}

.m-sheet-head .m-s-home-link-wrap .m-s-home-link.custom-logo {
  background: none
}

.m-sheet-head .m-s-home-link-wrap .m-s-home-link.custom-logo .header-logo-img {
  width: 66px;
  height: 16px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .m-sheet-head .m-s-home-link-wrap .m-s-home-link {
      background-image: url("https://assets-cdn.shimo.im/assets/images/spreadsheet_logo_2x-7925de526a.png")
  }
}

.m-sheet-head .m-s-home-link-wrap .home-website {
  display: inline-block;
  float: left;
  width: 49px;
  height: 24px;
  line-height: 24px;
  margin-top: 11px;
  margin-left: 10px;
  font-size: 14px;
  color: #41464b
}

.m-sheet-head .m-s-home-link-wrap .mark-star-wrap {
  display: inline-block;
  line-height: 44px
}

.m-sheet-head .m-s-home-link-wrap .mark-star-wrap .readonly-btn-group {
  margin-right: 10px
}

.m-sheet-head .m-s-home-link-wrap .mark-star-wrap .readonly-operation {
  margin-top: 10px
}

.m-sheet-head .m-s-home-link-wrap .header-back-up {
  height: 44px;
  margin-left: -5px
}

.m-sheet-head .m-s-home-link-wrap .m-sheet-avatar .config-avatar-wrap {
  float: right;
  display: inline-block;
  margin-top: 12px;
  margin-left: 10px
}

.m-sheet-head .m-s-head-readonly-wrap {
  width: 100%;
  height: 36px;
  line-height: 36px;
  border-top: 1px solid #ccc
}

.m-sheet-head .m-s-head-readonly-wrap .s-title {
  margin-left: 10px;
  font-size: 14px;
  color: #333;
  font-weight: 700
}

.m-sheet-head .m-s-head-readonly-wrap .m-multi-sheet-wrap {
  margin-right: 10px
}

@media screen and (max-width:1176px) {
  body {
      overflow: auto!important;
      min-width: 1176px
  }
}

.pad-view.readonly .ql-view-inner {
  position: static;
  width: 100%;
  height: auto;
  overflow: visible
}

.pad-view.readonly .ql-papper {
  width: 816px;
  margin: 0 auto;
  padding: 0;
  opacity: 1;
  min-height: 600px;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
  -webkit-box-shadow: 0 1px 6px #ccc;
  -moz-box-shadow: 0 1px 6px #ccc;
  -ms-box-shadow: 0 1px 6px #ccc;
  -o-box-shadow: 0 1px 6px #ccc;
  box-shadow: 0 1px 6px #ccc;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.pad-view.readonly .ql-papper .ql-toolbar {
  display: none
}

.pad-view.readonly .ql-papper .ql-title-box {
  height: auto;
  min-height: 60px;
  width: auto;
  margin: 0 100px;
  padding-top: 90px;
  border-bottom: 1px solid #ebebeb;
  font-size: 22.5pt
}

.pad-view.readonly .ql-papper .ql-title-box .ql-title-input {
  word-wrap: break-word;
  font-size: 30px;
  font-weight: 700
}

.pad-view.readonly .ql-papper .ql-container {
  min-height: 450px
}

.pad-view.readonly .ql-papper .ql-container .ql-editor {
  padding: 30px 0 100px;
  font-size: 11pt;
  line-height: 1.7;
  color: #333;
  overflow: hidden
}

.pad-view.readonly .ql-papper .ql-container .dz-message,
.pad-view.readonly .ql-papper .ql-container .ql-clipboard,
.pad-view.readonly .ql-papper .ql-container .ql-editor.preview,
.pad-view.readonly .ql-papper .ql-container .ql-tooltip,
.pad-view.readonly .ql-papper .ql-container .ql-track-avatar,
.pad-view.readonly .ql-papper .ql-container .ql-track-cursor {
  display: none
}

.pad-view.readonly .footer {
  padding-top: 22px
}

.footer {
  width: 816px;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 36px
}

.footer.custom-logo .footer-copy {
  display: none
}

.editable-footer {
  width: 816px;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 36px;
  text-align: center
}

.footer-copy {
  font-size: 14px;
  color: #a5a5a5;
  letter-spacing: 1px;
  text-align: left
}

#pad-view .sidebar .history-item:hover .change {
  box-shadow: 0 2px 5px #eaeaea
}

#pad-view .sidebar .history-item .change {
  box-shadow: 0 1px 1px #eaeaea;
  word-break: break-all;
  width: 268px;
  position: relative;
  color: #666;
  line-height: 1.5;
  font-size: 11pt
}

#pad-view .sidebar .history-item .change * {
  cursor: default
}

#pad-view .sidebar .history-item .change font {
  color: #666
}

#pad-view .sidebar .history-item .change .font-size-1 {
  font-size: 9pt
}

#pad-view .sidebar .history-item .change .font-size-2 {
  font-size: 10pt
}

#pad-view .sidebar .history-item .change .font-size-3 {
  font-size: 11pt
}

#pad-view .sidebar .history-item .change .font-size-4 {
  font-size: 12pt
}

#pad-view .sidebar .history-item .change .font-size-5 {
  font-size: 14pt
}

#pad-view .sidebar .history-item .change .font-size-6 {
  font-size: 18pt
}

#pad-view .sidebar .history-item .change .font-size-7 {
  font-size: 24pt
}

#pad-view .sidebar .history-item .change .font-size-8 {
  font-size: 30pt
}

#pad-view .sidebar .history-item .change .font-size-9 {
  font-size: 36pt
}

#pad-view .sidebar .history-item .change font[size="1"] {
  font-size: 9pt
}

#pad-view .sidebar .history-item .change font[size="2"] {
  font-size: 10pt
}

#pad-view .sidebar .history-item .change font[size="3"] {
  font-size: 11pt
}

#pad-view .sidebar .history-item .change font[size="4"] {
  font-size: 12pt
}

#pad-view .sidebar .history-item .change font[size="5"] {
  font-size: 14pt
}

#pad-view .sidebar .history-item .change font[size="6"] {
  font-size: 18pt
}

#pad-view .sidebar .history-item .change font[size="7"] {
  font-size: 24pt
}

#pad-view .sidebar .history-item .change font[size="8"] {
  font-size: 30pt
}

#pad-view .sidebar .history-item .change font[size="9"] {
  font-size: 36pt
}

#pad-view .sidebar .history-item .change .text-indent {
  text-indent: .5em
}

#pad-view .sidebar .history-item .change ul.list-indent1 {
  padding-left: .5em
}

#pad-view .sidebar .history-item .change ul.list-indent2 {
  padding-left: 1em
}

#pad-view .sidebar .history-item .change ul.list-indent3 {
  padding-left: 1.5em
}

#pad-view .sidebar .history-item .change ul.list-indent4 {
  padding-left: 2em
}

#pad-view .sidebar .history-item .change ul.list-indent5 {
  padding-left: 2.5em
}

#pad-view .sidebar .history-item .change ul.list-indent6 {
  padding-left: 3em
}

#pad-view .sidebar .history-item .change ul.list-indent7 {
  padding-left: 3.5em
}

#pad-view .sidebar .history-item .change ul.list-indent8 {
  padding-left: 4em
}

#pad-view .sidebar .history-item .change .heading-1,
#pad-view .sidebar .history-item .change .heading-2,
#pad-view .sidebar .history-item .change .heading-3 {
  padding-top: 0;
  padding-bottom: 0
}

#pad-view .sidebar .history-item .change ul[class^=list-done] font {
  color: #a2a2a2!important
}

#pad-view .sidebar .history-item .change .locate {
  cursor: pointer
}

#pad-view .sidebar .history-item .change .locate * {
  cursor: pointer!important
}

#pad-view .sidebar .history-item .change .locate.hover .addition {
  background: rgba(78, 180, 66, .38)!important
}

#pad-view .sidebar .history-item .change .locate.hover .addition.upload-image {
  background: transparent!important
}

#pad-view .sidebar .history-item .change .locate.hover .addition.upload-image img {
  border: 1px solid rgba(78, 180, 66, .7)!important
}

#pad-view .sidebar .history-item .change .addition {
  background: rgba(119, 196, 111, .3)!important
}

#pad-view .sidebar .history-item .change .addition.upload-image {
  background: transparent!important
}

#pad-view .sidebar .history-item .change .addition.upload-image img {
  border: 1px solid rgba(119, 196, 111, .7)!important
}

#pad-view .sidebar .history-item .change .ace-line.hover .deletion {
  color: #f08888
}

#pad-view .sidebar .history-item .change .ace-line.hover .deletion .inner {
  color: #999!important
}

#pad-view .sidebar .history-item .change .ace-line.hover .deletion font {
  color: #f08888
}

#pad-view .sidebar .history-item .change .deletion {
  text-decoration: line-through;
  color: #f4aaaa
}

#pad-view .sidebar .history-item .change .deletion font {
  color: #f4aaaa
}

#pad-view .sidebar .history-item .change .deletion .attachment-file-name:after,
#pad-view .sidebar .history-item .change .deletion .inner,
#pad-view .sidebar .history-item .change .deletion.mention:before {
  color: #a5a5a5!important
}

#pad-view .sidebar .history-item .change .deletion img {
  opacity: .3;
  -webkit-mask-image: -webkit-linear-gradient(45deg, #000 6%, transparent 0, transparent 9%, #000 0, #000 15%, transparent 0, transparent 18%, #000 0, #000 24%, transparent 0, transparent 27%, #000 0, #000 33%, transparent 0, transparent 36%, #000 0, #000 42%, transparent 0, transparent 45%, #000 0, #000 51%, transparent 0, transparent 54%, #000 0, #000 60%, transparent 0, transparent 63%, #000 0, #000 69%, transparent 0, transparent 72%, #000 0, #000 78%, transparent 0, transparent 81%, #000 0, #000 87%, transparent 0, transparent 90%, #000 0, #000 96%, transparent 0, #000)
}

#pad-view .sidebar .history-item .change .deletion img:hover {
  opacity: .5!important
}

#pad-view .sidebar .history-item .change .mention {
  background: none;
  letter-spacing: 0!important;
  padding: 0;
  border-radius: 0
}

#pad-view .sidebar .history-item .change .upload-error,
#pad-view .sidebar .history-item .change .upload-image .remove-media,
#pad-view .sidebar .history-item .change .upload-image div {
  display: none
}

#pad-view .sidebar .history-item .change .upload-image {
  border: none
}

#pad-view .sidebar .history-item .change a {
  color: #666;
  cursor: default
}

#pad-view .sidebar .history-item .change img {
  max-width: 80%!important;
  display: block;
  cursor: pointer
}

#pad-view .sidebar .history-item .change .ace-line {
  margin: 8px 0
}

#pad-view .sidebar .history-item .change .list-code1 {
  padding-left: 1.5em
}

#pad-view .sidebar .history-item .change li,
#pad-view .sidebar .history-item .change ol,
#pad-view .sidebar .history-item .change ul {
  padding: 0
}

#pad-view .sidebar .history-item .change .attachment-wrapper {
  width: auto;
  height: auto;
  border: none;
  background: none;
  line-height: 0
}

#pad-view .sidebar .history-item .change .attachment-wrapper:hover .attachment-file-info {
  border: none
}

#pad-view .sidebar .history-item .change .attachment-file-size,
#pad-view .sidebar .history-item .change .attachment-title-icon,
#pad-view .sidebar .history-item .change .attachment-wrapper:hover .attachment-download-link {
  display: none
}

#pad-view .sidebar .history-item .change .attachment-file-info {
  width: auto;
  height: auto;
  line-height: 0;
  margin: 0
}

#pad-view .sidebar .history-item .change .attachment-file-name {
  width: auto;
  height: auto;
  line-height: 0
}

#pad-view .sidebar .history-item .change .horizontal-line.deletion>hr {
  outline: 5px solid hsla(5, 79%, 69%, .3)
}

#pad-view .sidebar .history-item .change .horizontal-line>hr {
  outline: 5px solid rgba(119, 196, 111, .3)
}

.history-limitation-info {
  text-align: center;
  font-size: 12px;
  color: #888;
  padding-bottom: 18px
}

.history-divide-line {
  width: 250px;
  height: 0;
  border-top: 1px solid #e5e5e5;
  margin: 16px auto
}

.history-pro-link {
  color: #70b1e7
}

.history-pro-link:hover {
  color: #28c
}

@-webkit-keyframes highlight-border {
  0% {
      border: 3px solid #fff
  }
  15% {
      border: 3px solid #f8f9d9
  }
  35% {
      border: 3px solid #f8f9d9
  }
  to {
      border: 3px solid #fff
  }
}

@keyframes highlight-border {
  0% {
      border: 3px solid #fff
  }
  15% {
      border: 3px solid #f8f9d9
  }
  35% {
      border: 3px solid #f8f9d9
  }
  to {
      border: 3px solid #fff
  }
}

@-webkit-keyframes highlight {
  0% {
      background: #fff
  }
  15% {
      background: #f8f9d9
  }
  35% {
      background: #f8f9d9
  }
  to {
      background: #fff
  }
}

@keyframes highlight {
  0% {
      background: #fff
  }
  15% {
      background: #f8f9d9
  }
  35% {
      background: #f8f9d9
  }
  to {
      background: #fff
  }
}

.context-menu-list {
  z-index: 200!important;
  margin: 0;
  padding: 0;
  min-width: 120px;
  max-width: 250px;
  display: inline-block;
  position: absolute;
  list-style-type: none;
  border: 1px solid #ddd;
  background: #eee;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px
}

.context-menu-item {
  padding: 2px 2px 2px 24px;
  background-color: #eee;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none
}

.context-menu-separator {
  padding-bottom: 0;
  border-bottom: 1px solid #ddd
}

.context-menu-item>label>input,
.context-menu-item>label>textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

.context-menu-item.hover {
  cursor: pointer;
  background-color: #39f
}

.context-menu-item.disabled {
  color: #666
}

.context-menu-input.hover,
.context-menu-item.disabled.hover {
  cursor: default;
  background-color: #eee
}

.context-menu-submenu:after {
  content: ">";
  color: #666;
  position: absolute;
  top: 0;
  right: 3px;
  z-index: 1
}

.context-menu-input>label>* {
  vertical-align: top
}

.context-menu-input>label>input[type=checkbox],
.context-menu-input>label>input[type=radio] {
  margin-left: -17px
}

.context-menu-input>label>span {
  margin-left: 5px
}

.context-menu-input>label,
.context-menu-input>label>input[type=text],
.context-menu-input>label>select,
.context-menu-input>label>textarea {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.context-menu-input>label>textarea {
  height: 100px
}

.context-menu-item>.context-menu-list {
  display: none;
  right: -5px;
  top: 5px
}

.context-menu-item.hover>.context-menu-list {
  display: block
}

.context-menu-accesskey {
  text-decoration: underline
}

body.mozilla,
body.safari {
  display: table-cell
}

body.doesWrap {
  white-space: pre-wrap;
  word-wrap: break-word;
  display: block!important
}

.safari div {
  padding-right: 1px
}

#outerdocbody {
  background-color: #fff
}

#outerdocbody a {
  cursor: pointer!important;
  color: #70b1e7
}

#outerdocbody a:hover {
  color: #28c
}

#outerdocbody .mention {
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-color: #ddd;
  border-radius: 5px;
  padding: 1px 3px;
  margin-left: .2em
}

#outerdocbody .mention:before {
  letter-spacing: 0;
  color: #000;
  text-decoration: none;
  font-family: Arial, sans-serif
}

#outerdocbody .drag-ele {
  box-shadow: 0 2px 2px 2px #ccc
}

#outerdocbody .upload-image,
#outerdocbody [class*=upload-image] {
  position: relative;
  display: block;
  width: 100%;
  min-height: 60px;
  border: 1px solid transparent
}

#outerdocbody .upload-image img,
#outerdocbody [class*=upload-image] img {
  max-width: 100%;
  cursor: zoom-in
}

#outerdocbody .upload-image div,
#outerdocbody [class*=upload-image] div {
  display: none
}

#outerdocbody .upload-attachment {
  width: 100%
}

#outerdocbody .remove-media {
  cursor: pointer;
  display: none;
  vertical-align: top;
  position: absolute;
  font-size: 20px;
  padding: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  top: -24px;
  right: -21px;
  color: #bebebe
}

#outerdocbody .remove-media:hover {
  color: #ee7b70
}

#outerdocbody .remove-media:before {
  background: #fff;
  border-radius: 50%;
  top: -2px;
  position: relative
}

#outerdocbody .image-placeholder {
  display: none;
  width: 100%
}

#outerdocbody .image-placeholder .loading-image {
  display: block;
  margin: 70px auto
}

#outerdocbody .image-placeholder .error-msg {
  color: #a2a2a2;
  text-align: center
}

#innerdocbody,
#pad-view .sidebar .change {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

#innerdocbody>.list-div,
#pad-view .sidebar .change>.list-div {
  padding-top: 10px;
  padding-bottom: 15px
}

#innerdocbody>.list-div+.list-div,
#pad-view .sidebar .change>.list-div+.list-div {
  padding-top: 0;
  margin-top: -15px
}

#innerdocbody div.text-indent,
#pad-view .sidebar .change div.text-indent {
  text-indent: 2em
}

#innerdocbody ul,
#pad-view .sidebar .change ul {
  padding-left: 2em
}

#innerdocbody ul ul,
#pad-view .sidebar .change ul ul {
  padding-left: 0!important
}

#innerdocbody ol,
#innerdocbody ul,
#pad-view .sidebar .change ol,
#pad-view .sidebar .change ul {
  outline: none
}

#innerdocbody ul.list-bullet1,
#pad-view .sidebar .change ul.list-bullet1 {
  padding-left: 2em
}

#innerdocbody ul.list-bullet2,
#pad-view .sidebar .change ul.list-bullet2 {
  padding-left: 3.5em
}

#innerdocbody ul.list-bullet3,
#pad-view .sidebar .change ul.list-bullet3 {
  padding-left: 5em
}

#innerdocbody ul.list-bullet4,
#pad-view .sidebar .change ul.list-bullet4 {
  padding-left: 6.5em
}

#innerdocbody ul.list-bullet5,
#pad-view .sidebar .change ul.list-bullet5 {
  padding-left: 8em
}

#innerdocbody ul.list-bullet6,
#pad-view .sidebar .change ul.list-bullet6 {
  padding-left: 9.5em
}

#innerdocbody ul.list-bullet7,
#pad-view .sidebar .change ul.list-bullet7 {
  padding-left: 11em
}

#innerdocbody ul.list-bullet8,
#pad-view .sidebar .change ul.list-bullet8 {
  padding-left: 12.5em
}

#innerdocbody ul.list-check1,
#pad-view .sidebar .change ul.list-check1 {
  padding-left: 2em
}

#innerdocbody ul.list-check2,
#pad-view .sidebar .change ul.list-check2 {
  padding-left: 3.5em
}

#innerdocbody ul.list-check3,
#pad-view .sidebar .change ul.list-check3 {
  padding-left: 5em
}

#innerdocbody ul.list-check4,
#pad-view .sidebar .change ul.list-check4 {
  padding-left: 6.5em
}

#innerdocbody ul.list-check5,
#pad-view .sidebar .change ul.list-check5 {
  padding-left: 8em
}

#innerdocbody ul.list-check6,
#pad-view .sidebar .change ul.list-check6 {
  padding-left: 9.5em
}

#innerdocbody ul.list-check7,
#pad-view .sidebar .change ul.list-check7 {
  padding-left: 11em
}

#innerdocbody ul.list-check8,
#pad-view .sidebar .change ul.list-check8 {
  padding-left: 12.5em
}

#innerdocbody ul.list-done1,
#pad-view .sidebar .change ul.list-done1 {
  padding-left: 2em
}

#innerdocbody ul.list-done2,
#pad-view .sidebar .change ul.list-done2 {
  padding-left: 3.5em
}

#innerdocbody ul.list-done3,
#pad-view .sidebar .change ul.list-done3 {
  padding-left: 5em
}

#innerdocbody ul.list-done4,
#pad-view .sidebar .change ul.list-done4 {
  padding-left: 6.5em
}

#innerdocbody ul.list-done5,
#pad-view .sidebar .change ul.list-done5 {
  padding-left: 8em
}

#innerdocbody ul.list-done6,
#pad-view .sidebar .change ul.list-done6 {
  padding-left: 9.5em
}

#innerdocbody ul.list-done7,
#pad-view .sidebar .change ul.list-done7 {
  padding-left: 11em
}

#innerdocbody ul.list-done8,
#pad-view .sidebar .change ul.list-done8 {
  padding-left: 12.5em
}

#innerdocbody ul.list-code1,
#pad-view .sidebar .change ul.list-code1 {
  padding-left: 2em
}

#innerdocbody ul.list-code2,
#pad-view .sidebar .change ul.list-code2 {
  padding-left: 3.5em
}

#innerdocbody ul.list-code3,
#pad-view .sidebar .change ul.list-code3 {
  padding-left: 5em
}

#innerdocbody ul.list-code4,
#pad-view .sidebar .change ul.list-code4 {
  padding-left: 6.5em
}

#innerdocbody ul.list-code5,
#pad-view .sidebar .change ul.list-code5 {
  padding-left: 8em
}

#innerdocbody ul.list-code6,
#pad-view .sidebar .change ul.list-code6 {
  padding-left: 9.5em
}

#innerdocbody ul.list-code7,
#pad-view .sidebar .change ul.list-code7 {
  padding-left: 11em
}

#innerdocbody ul.list-code8,
#pad-view .sidebar .change ul.list-code8 {
  padding-left: 12.5em
}

#innerdocbody ul,
#innerdocbody ul.list-bullet1,
#pad-view .sidebar .change ul,
#pad-view .sidebar .change ul.list-bullet1 {
  list-style: disc
}

#innerdocbody ul.list-bullet2,
#pad-view .sidebar .change ul.list-bullet2 {
  list-style: circle
}

#innerdocbody ul.list-bullet3,
#pad-view .sidebar .change ul.list-bullet3 {
  list-style: square
}

#innerdocbody ul.list-bullet4,
#pad-view .sidebar .change ul.list-bullet4 {
  list-style: disc
}

#innerdocbody ul.list-bullet5,
#pad-view .sidebar .change ul.list-bullet5 {
  list-style: circle
}

#innerdocbody ul.list-bullet6,
#pad-view .sidebar .change ul.list-bullet6 {
  list-style: square
}

#innerdocbody ul.list-bullet7,
#pad-view .sidebar .change ul.list-bullet7 {
  list-style: disc
}

#innerdocbody ul.list-bullet8,
#pad-view .sidebar .change ul.list-bullet8 {
  list-style: circle
}

#innerdocbody ul.list-indent1,
#pad-view .sidebar .change ul.list-indent1 {
  padding-left: 2em
}

#innerdocbody ul.list-indent2,
#pad-view .sidebar .change ul.list-indent2 {
  padding-left: 3.5em
}

#innerdocbody ul.list-indent3,
#pad-view .sidebar .change ul.list-indent3 {
  padding-left: 5em
}

#innerdocbody ul.list-indent4,
#pad-view .sidebar .change ul.list-indent4 {
  padding-left: 6.5em
}

#innerdocbody ul.list-indent5,
#pad-view .sidebar .change ul.list-indent5 {
  padding-left: 8em
}

#innerdocbody ul.list-indent6,
#pad-view .sidebar .change ul.list-indent6 {
  padding-left: 9.5em
}

#innerdocbody ul.list-indent7,
#pad-view .sidebar .change ul.list-indent7 {
  padding-left: 11em
}

#innerdocbody ul.list-indent8,
#pad-view .sidebar .change ul.list-indent8 {
  padding-left: 12.5em
}

#innerdocbody ul.list-indent1,
#innerdocbody ul.list-indent2,
#innerdocbody ul.list-indent3,
#innerdocbody ul.list-indent4,
#innerdocbody ul.list-indent5,
#innerdocbody ul.list-indent6,
#innerdocbody ul.list-indent7,
#innerdocbody ul.list-indent8,
#pad-view .sidebar .change ul.list-indent1,
#pad-view .sidebar .change ul.list-indent2,
#pad-view .sidebar .change ul.list-indent3,
#pad-view .sidebar .change ul.list-indent4,
#pad-view .sidebar .change ul.list-indent5,
#pad-view .sidebar .change ul.list-indent6,
#pad-view .sidebar .change ul.list-indent7,
#pad-view .sidebar .change ul.list-indent8 {
  list-style: none
}

#innerdocbody ul.list-indent9,
#pad-view .sidebar .change ul.list-indent9 {
  list-style: none;
  margin-left: 0
}

#innerdocbody ol,
#pad-view .sidebar .change ol {
  list-style: decimal
}

#innerdocbody li,
#pad-view .sidebar .change li {
  list-style: inherit
}

#innerdocbody ol.list-number1,
#pad-view .sidebar .change ol.list-number1 {
  padding-left: 2em
}

#innerdocbody ol.list-number2,
#pad-view .sidebar .change ol.list-number2 {
  padding-left: 3.5em
}

#innerdocbody ol.list-number3,
#pad-view .sidebar .change ol.list-number3 {
  padding-left: 5em
}

#innerdocbody ol.list-number4,
#pad-view .sidebar .change ol.list-number4 {
  padding-left: 6.5em
}

#innerdocbody ol.list-number5,
#pad-view .sidebar .change ol.list-number5 {
  padding-left: 8em
}

#innerdocbody ol.list-number6,
#pad-view .sidebar .change ol.list-number6 {
  padding-left: 9.5em
}

#innerdocbody ol.list-number7,
#pad-view .sidebar .change ol.list-number7 {
  padding-left: 11em
}

#innerdocbody ol.list-number8,
#pad-view .sidebar .change ol.list-number8 {
  padding-left: 12.5em
}

#innerdocbody .list-number2,
#innerdocbody .list-number5,
#innerdocbody .list-number8,
#pad-view .sidebar .change .list-number2,
#pad-view .sidebar .change .list-number5,
#pad-view .sidebar .change .list-number8 {
  list-style-type: lower-latin
}

#innerdocbody .list-number3,
#innerdocbody .list-number6,
#pad-view .sidebar .change .list-number3,
#pad-view .sidebar .change .list-number6 {
  list-style-type: lower-roman
}

#innerdocbody .list-number1,
#innerdocbody .list-number4,
#innerdocbody .list-number7,
#pad-view .sidebar .change .list-number1,
#pad-view .sidebar .change .list-number4,
#pad-view .sidebar .change .list-number7 {
  list-style-type: decimal
}

#innerdocbody .upload-image,
#pad-view .sidebar .change .upload-image {
  text-align: center
}

#innerdocbody .line-center li,
#innerdocbody .line-right li,
#pad-view .sidebar .change .line-center li,
#pad-view .sidebar .change .line-right li {
  list-style-position: inside;
  margin-left: -2em
}

#innerdocbody .line-center ol[class^=list-code] li,
#innerdocbody .line-center ul[class^=list-check] li,
#innerdocbody .line-center ul[class^=list-done] li,
#innerdocbody .line-right ol[class^=list-code] li,
#innerdocbody .line-right ul[class^=list-check] li,
#innerdocbody .line-right ul[class^=list-done] li,
#pad-view .sidebar .change .line-center ol[class^=list-code] li,
#pad-view .sidebar .change .line-center ul[class^=list-check] li,
#pad-view .sidebar .change .line-center ul[class^=list-done] li,
#pad-view .sidebar .change .line-right ol[class^=list-code] li,
#pad-view .sidebar .change .line-right ul[class^=list-check] li,
#pad-view .sidebar .change .line-right ul[class^=list-done] li {
  padding-left: 0
}

#innerdocbody .line-center,
#pad-view .sidebar .change .line-center {
  text-align: center
}

#innerdocbody .line-right,
#pad-view .sidebar .change .line-right {
  text-align: right
}

#innerdocbody .line-justify,
#pad-view .sidebar .change .line-justify {
  text-align: justify;
  white-space: normal
}

#innerdocbody .line-center .upload-image,
#innerdocbody .line-justify .upload-image,
#innerdocbody .line-left .upload-image,
#innerdocbody .line-right .upload-image,
#pad-view .sidebar .change .line-center .upload-image,
#pad-view .sidebar .change .line-justify .upload-image,
#pad-view .sidebar .change .line-left .upload-image,
#pad-view .sidebar .change .line-right .upload-image {
  text-align: inherit
}

#innerdocbody inherit,
#pad-view .sidebar .change inherit {
  display: block
}

#innerdocbody .heading-1,
#innerdocbody .heading-2,
#innerdocbody .heading-3,
#pad-view .sidebar .change .heading-1,
#pad-view .sidebar .change .heading-2,
#pad-view .sidebar .change .heading-3 {
  line-height: 1.2;
  padding-bottom: 20px
}

#innerdocbody .heading-1+.heading-1,
#innerdocbody .heading-1+.heading-2,
#innerdocbody .heading-1+.heading-3,
#innerdocbody .heading-2+.heading-1,
#innerdocbody .heading-2+.heading-2,
#innerdocbody .heading-2+.heading-3,
#innerdocbody .heading-3+.heading-1,
#innerdocbody .heading-3+.heading-2,
#innerdocbody .heading-3+.heading-3,
#pad-view .sidebar .change .heading-1+.heading-1,
#pad-view .sidebar .change .heading-1+.heading-2,
#pad-view .sidebar .change .heading-1+.heading-3,
#pad-view .sidebar .change .heading-2+.heading-1,
#pad-view .sidebar .change .heading-2+.heading-2,
#pad-view .sidebar .change .heading-2+.heading-3,
#pad-view .sidebar .change .heading-3+.heading-1,
#pad-view .sidebar .change .heading-3+.heading-2,
#pad-view .sidebar .change .heading-3+.heading-3 {
  padding-top: 25px;
  margin-top: -20px
}

#innerdocbody .heading-1+.list-div,
#innerdocbody .heading-2+.list-div,
#innerdocbody .heading-3+.list-div,
#pad-view .sidebar .change .heading-1+.list-div,
#pad-view .sidebar .change .heading-2+.list-div,
#pad-view .sidebar .change .heading-3+.list-div {
  padding-top: 0
}

#innerdocbody .heading-1.list-div,
#innerdocbody .heading-2.list-div,
#innerdocbody .heading-3.list-div,
#pad-view .sidebar .change .heading-1.list-div,
#pad-view .sidebar .change .heading-2.list-div,
#pad-view .sidebar .change .heading-3.list-div {
  padding-top: 20px
}

#innerdocbody .heading-1:first-child,
#innerdocbody .heading-2:first-child,
#innerdocbody .heading-3:first-child,
#pad-view .sidebar .change .heading-1:first-child,
#pad-view .sidebar .change .heading-2:first-child,
#pad-view .sidebar .change .heading-3:first-child {
  padding-top: 10px
}

#innerdocbody .heading-3,
#pad-view .sidebar .change .heading-3 {
  font-size: 18pt;
  font-weight: 700;
  padding-top: 40px
}

#innerdocbody .heading-3 b,
#innerdocbody .heading-3 font,
#innerdocbody .heading-3 i,
#innerdocbody .heading-3 s,
#innerdocbody .heading-3 span,
#innerdocbody .heading-3 u,
#pad-view .sidebar .change .heading-3 b,
#pad-view .sidebar .change .heading-3 font,
#pad-view .sidebar .change .heading-3 i,
#pad-view .sidebar .change .heading-3 s,
#pad-view .sidebar .change .heading-3 span,
#pad-view .sidebar .change .heading-3 u {
  font-size: 18pt!important;
  font-weight: 700
}

#innerdocbody .heading-3.font-size-1,
#innerdocbody .heading-3.font-size-2,
#innerdocbody .heading-3.font-size-3,
#innerdocbody .heading-3.font-size-4,
#innerdocbody .heading-3.font-size-5,
#innerdocbody .heading-3.font-size-6,
#innerdocbody .heading-3.font-size-7,
#innerdocbody .heading-3.font-size-8,
#innerdocbody .heading-3.font-size-9,
#pad-view .sidebar .change .heading-3.font-size-1,
#pad-view .sidebar .change .heading-3.font-size-2,
#pad-view .sidebar .change .heading-3.font-size-3,
#pad-view .sidebar .change .heading-3.font-size-4,
#pad-view .sidebar .change .heading-3.font-size-5,
#pad-view .sidebar .change .heading-3.font-size-6,
#pad-view .sidebar .change .heading-3.font-size-7,
#pad-view .sidebar .change .heading-3.font-size-8,
#pad-view .sidebar .change .heading-3.font-size-9 {
  font-size: 18pt!important
}

#innerdocbody .heading-2,
#pad-view .sidebar .change .heading-2 {
  font-size: 15pt;
  padding-top: 30px;
  font-weight: 700
}

#innerdocbody .heading-2 b,
#innerdocbody .heading-2 font,
#innerdocbody .heading-2 i,
#innerdocbody .heading-2 s,
#innerdocbody .heading-2 span,
#innerdocbody .heading-2 u,
#pad-view .sidebar .change .heading-2 b,
#pad-view .sidebar .change .heading-2 font,
#pad-view .sidebar .change .heading-2 i,
#pad-view .sidebar .change .heading-2 s,
#pad-view .sidebar .change .heading-2 span,
#pad-view .sidebar .change .heading-2 u {
  font-size: 15pt!important;
  font-weight: 700
}

#innerdocbody .heading-2.font-size-1,
#innerdocbody .heading-2.font-size-2,
#innerdocbody .heading-2.font-size-3,
#innerdocbody .heading-2.font-size-4,
#innerdocbody .heading-2.font-size-5,
#innerdocbody .heading-2.font-size-6,
#innerdocbody .heading-2.font-size-7,
#innerdocbody .heading-2.font-size-8,
#innerdocbody .heading-2.font-size-9,
#pad-view .sidebar .change .heading-2.font-size-1,
#pad-view .sidebar .change .heading-2.font-size-2,
#pad-view .sidebar .change .heading-2.font-size-3,
#pad-view .sidebar .change .heading-2.font-size-4,
#pad-view .sidebar .change .heading-2.font-size-5,
#pad-view .sidebar .change .heading-2.font-size-6,
#pad-view .sidebar .change .heading-2.font-size-7,
#pad-view .sidebar .change .heading-2.font-size-8,
#pad-view .sidebar .change .heading-2.font-size-9 {
  font-size: 15pt!important
}

#innerdocbody .heading-1,
#pad-view .sidebar .change .heading-1 {
  font-size: 12pt;
  padding-top: 20px;
  font-weight: 700
}

#innerdocbody .heading-1 b,
#innerdocbody .heading-1 font,
#innerdocbody .heading-1 i,
#innerdocbody .heading-1 s,
#innerdocbody .heading-1 span,
#innerdocbody .heading-1 u,
#pad-view .sidebar .change .heading-1 b,
#pad-view .sidebar .change .heading-1 font,
#pad-view .sidebar .change .heading-1 i,
#pad-view .sidebar .change .heading-1 s,
#pad-view .sidebar .change .heading-1 span,
#pad-view .sidebar .change .heading-1 u {
  font-size: 12pt!important;
  font-weight: 700
}

#innerdocbody .heading-1.font-size-1,
#innerdocbody .heading-1.font-size-2,
#innerdocbody .heading-1.font-size-3,
#innerdocbody .heading-1.font-size-4,
#innerdocbody .heading-1.font-size-5,
#innerdocbody .heading-1.font-size-6,
#innerdocbody .heading-1.font-size-7,
#innerdocbody .heading-1.font-size-8,
#innerdocbody .heading-1.font-size-9,
#pad-view .sidebar .change .heading-1.font-size-1,
#pad-view .sidebar .change .heading-1.font-size-2,
#pad-view .sidebar .change .heading-1.font-size-3,
#pad-view .sidebar .change .heading-1.font-size-4,
#pad-view .sidebar .change .heading-1.font-size-5,
#pad-view .sidebar .change .heading-1.font-size-6,
#pad-view .sidebar .change .heading-1.font-size-7,
#pad-view .sidebar .change .heading-1.font-size-8,
#pad-view .sidebar .change .heading-1.font-size-9 {
  font-size: 12pt!important
}

#innerdocbody .mention,
#pad-view .sidebar .change .mention {
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-color: #ddd;
  border-radius: 5px;
  padding: 1px 3px
}

#innerdocbody .mention:before,
#pad-view .sidebar .change .mention:before {
  letter-spacing: 0;
  color: #000;
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif
}

#innerdocbody .dragged-over.dragged-bottom,
#pad-view .sidebar .change .dragged-over.dragged-bottom {
  margin-bottom: -1px;
  border-bottom: 1px solid #ccc
}

#innerdocbody .dragged-over.dragged-top,
#pad-view .sidebar .change .dragged-over.dragged-top {
  margin-top: -1px;
  border-top: 1px solid #ccc
}

#innerdocbody .drag-ele,
#pad-view .sidebar .change .drag-ele {
  box-shadow: 0 2px 2px 2px #ccc
}

#innerdocbody .upload-image,
#pad-view .sidebar .change .upload-image {
  position: relative;
  display: block;
  width: 100%;
  min-height: 60px;
  border: 1px solid transparent
}

#innerdocbody .upload-image img,
#pad-view .sidebar .change .upload-image img {
  max-width: 100%;
  cursor: default
}

#innerdocbody .upload-image div,
#pad-view .sidebar .change .upload-image div {
  display: none
}

#innerdocbody .remove-media,
#pad-view .sidebar .change .remove-media {
  cursor: pointer;
  display: none;
  vertical-align: top;
  position: absolute;
  font-size: 20px;
  padding: 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  top: -24px;
  right: -21px;
  color: #bebebe
}

#innerdocbody .remove-media:hover,
#pad-view .sidebar .change .remove-media:hover {
  color: #ee7b70
}

#innerdocbody .remove-media:before,
#pad-view .sidebar .change .remove-media:before {
  background: #fff;
  border-radius: 50%;
  top: -2px;
  position: relative
}

#innerdocbody .drag-and-drop-placeholder:after,
#pad-view .sidebar .change .drag-and-drop-placeholder:after {
  content: "\62D6\62FD\6587\4EF6\76F4\63A5\4E0A\4F20";
  display: block;
  width: 302px;
  height: 54px;
  line-height: 54px;
  color: #333;
  text-align: center;
  font-size: 12px;
  border: 2px dashed #e5e5e5;
  border-radius: 4px;
  margin: 5px auto
}

#innerdocbody .attachment-placeholder,
#innerdocbody .image-placeholder,
#pad-view .sidebar .change .attachment-placeholder,
#pad-view .sidebar .change .image-placeholder {
  display: none;
  width: 100%;
  position: relative;
  height: 122px;
  line-height: 122px
}

#innerdocbody .image-loading-error,
#innerdocbody .upload-loading-block,
#pad-view .sidebar .change .image-loading-error,
#pad-view .sidebar .change .upload-loading-block {
  display: block;
  height: 40px;
  text-align: center
}

#innerdocbody .upload-remove-media,
#pad-view .sidebar .change .upload-remove-media {
  display: block;
  position: absolute;
  top: 7px;
  right: 155px;
  cursor: pointer;
  height: 0
}

#innerdocbody .upload-loading-info:before,
#pad-view .sidebar .change .upload-loading-info:before {
  content: "\7B49\5F85\4E0A\4F20..."
}

#innerdocbody .image-error-msg,
#innerdocbody .upload-loading-info,
#pad-view .sidebar .change .image-error-msg,
#pad-view .sidebar .change .upload-loading-info {
  color: #333;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-size: 12px
}

#innerdocbody .upload-progress-groove,
#pad-view .sidebar .change .upload-progress-groove {
  width: 280px;
  border-radius: 5px;
  background: #ebebeb;
  height: 10px;
  display: inline-block;
  margin-top: 62px;
  text-align: center;
  margin-left: -13px
}

#innerdocbody .upload-progress-bar,
#pad-view .sidebar .change .upload-progress-bar {
  height: 100%;
  width: 0;
  float: left;
  background: #707070;
  border-radius: 5px;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in
}

#innerdocbody .upload-attachment,
#pad-view .sidebar .change .upload-attachment {
  display: inline-block
}

#innerdocbody .attachment-wrapper,
#pad-view .sidebar .change .attachment-wrapper {
  display: inline-block;
  width: 304px;
  height: 56px;
  line-height: 56px;
  border: 1px solid #e5e5e5;
  background: #f9f9f9;
  border-radius: 4px;
  margin: 5px 0;
  -webkit-user-drag: element
}

#innerdocbody .attachment-wrapper.selected,
#pad-view .sidebar .change .attachment-wrapper.selected {
  border: 1px solid #bababa;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2)
}

#innerdocbody .attachment-title-icon,
#pad-view .sidebar .change .attachment-title-icon {
  width: 30px;
  margin: 0 12px;
  font-size: 24px;
  text-align: center;
  float: left
}

#innerdocbody .attachment-title-icon:hover,
#pad-view .sidebar .change .attachment-title-icon:hover {
  color: #888
}

#innerdocbody .attachment-download-link,
#pad-view .sidebar .change .attachment-download-link {
  display: none;
  float: right;
  width: 42px;
  margin-right: 18px;
  font-size: 20px;
  text-align: right;
  color: #888
}

#innerdocbody .attachment-download-link:hover,
#pad-view .sidebar .change .attachment-download-link:hover {
  color: #888
}

#innerdocbody .attachment-download-link:before,
#pad-view .sidebar .change .attachment-download-link:before {
  cursor: pointer
}

#innerdocbody .attachment-file-info,
#pad-view .sidebar .change .attachment-file-info {
  width: 188px;
  height: 44px;
  margin-top: 6px;
  float: left;
  text-align: left
}

#innerdocbody .attachment-file-name,
#innerdocbody .attachment-file-size,
#pad-view .sidebar .change .attachment-file-name,
#pad-view .sidebar .change .attachment-file-size {
  display: block;
  font-size: 12px;
  line-height: 22px;
  color: #333;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

#innerdocbody .attachment-file-name:after,
#innerdocbody .attachment-file-size:after,
#pad-view .sidebar .change .attachment-file-name:after,
#pad-view .sidebar .change .attachment-file-size:after {
  content: attr(data-content);
  font-size: 12px;
  font-weight: 400;
  font-style: normal
}

#innerdocbody {
  padding: 11px 0 90px;
  overflow: hidden;
  font-size: 11pt;
  line-height: 1.7;
  color: #333
}

#innerdocbody ::selection {
  background: #d8ebff
}

#innerdocbody ::-moz-selection {
  background: #d8ebff
}

#innerdocbody li {
  list-style: inherit
}

#innerdocbody>div {
  word-wrap: break-word;
  outline: none;
  padding: 0 100px
}

#innerdocbody>div>div iframe {
  opacity: 0
}

#innerdocbody>div br {
  margin-top: 14px
}

#innerdocbody>div *>br:first-child,
#innerdocbody>div>br:first-child {
  margin-top: 0
}

#innerdocbody .iframe-container {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

#innerdocbody .table-div {
  margin-bottom: -12px
}

#innerdocbody .shadow-table {
  opacity: 0;
  height: 1px;
  display: block;
  overflow: hidden
}

#innerdocbody .doc-table {
  border-spacing: 0
}

#innerdocbody .doc-table tr:first-child td {
  border-top: 1px solid
}

#innerdocbody .doc-table td {
  border-color: #ccc;
  border-right: 1px solid;
  border-bottom: 1px solid;
  min-width: 50px;
  height: 22px;
  line-height: 16px;
  padding: 0 4px
}

#innerdocbody .doc-table td:first-child {
  border-left: 1px solid
}

#innerdocbody .line-bold {
  font-weight: 700
}

#innerdocbody .line-italic {
  font-style: italic
}

#innerdocbody .line-underline span {
  text-decoration: underline
}

#innerdocbody .line-strikethrough span {
  text-decoration: line-through
}

#innerdocbody .line-underline.line-strikethrough span {
  text-decoration: underline line-through
}

#innerdocbody .line-underline.line-strikethrough .ununderline {
  text-decoration: line-through
}

#innerdocbody .line-underline.line-strikethrough .unstrikethrough {
  text-decoration: underline
}

#innerdocbody .line-underline.line-strikethrough .ununderline.unstrikethrough {
  text-decoration: none
}

#innerdocbody .unbold,
#innerdocbody unbold {
  font-weight: 400
}

#innerdocbody .unitalic,
#innerdocbody unitalic {
  font-style: normal
}

#innerdocbody span.unstrikethrough,
#innerdocbody span.ununderline,
#innerdocbody unstrikethrough,
#innerdocbody ununderline {
  text-decoration: none
}

#innerdocbody .font-color-1 {
  color: #ee837d
}

#innerdocbody .font-color-2 {
  color: #ffd900
}

#innerdocbody .font-color-3 {
  color: #a3e043
}

#innerdocbody .font-color-4 {
  color: #4da8ee
}

#innerdocbody .font-color-5 {
  color: #aa17d0
}

#innerdocbody .font-color-6 {
  color: #949494
}

#innerdocbody .font-color-7 {
  color: #d51228
}

#innerdocbody .font-color-8 {
  color: #cf770b
}

#innerdocbody .font-color-9 {
  color: #557b5c
}

#innerdocbody .font-color-10 {
  color: #01a3b0
}

#innerdocbody .font-color-11 {
  color: #530e6f
}

#innerdocbody .font-color-12 {
  color: #2b2b2b
}

#innerdocbody .font-color-13 {
  color: #fff
}

#innerdocbody .font-color-14 {
  color: #0d0015
}

#innerdocbody .font-color-15 {
  color: #fe2c23
}

#innerdocbody .font-color-16 {
  color: #f90
}

#innerdocbody .font-color-17 {
  color: #37d9f0
}

#innerdocbody .font-color-18 {
  color: #f3f3f1
}

#innerdocbody .font-color-19 {
  color: #fcdbd6
}

#innerdocbody .font-color-20 {
  color: #fde9d0
}

#innerdocbody .font-color-21 {
  color: #fff0cf
}

#innerdocbody .font-color-22 {
  color: #d4e9d6
}

#innerdocbody .font-color-23 {
  color: #def3f3
}

#innerdocbody .font-color-24 {
  color: #cee0ef
}

#innerdocbody .font-color-25 {
  color: #dfdbec
}

#innerdocbody .font-color-26 {
  color: #dcdedd
}

#innerdocbody .font-color-27 {
  color: #595856
}

#innerdocbody .font-color-28 {
  color: #f8c387
}

#innerdocbody .font-color-29 {
  color: #e6b322
}

#innerdocbody .font-color-30 {
  color: #9abd9d
}

#innerdocbody .font-color-31 {
  color: #83ccd2
}

#innerdocbody .font-color-32 {
  color: #89b0ce
}

#innerdocbody .font-color-33 {
  color: #9389b1
}

#innerdocbody .font-color-34 {
  color: #c1c6ca
}

#innerdocbody .font-color-35 {
  color: #41464b
}

#innerdocbody .font-color-36 {
  color: #8d634a
}

#innerdocbody .font-color-37 {
  color: #194e77
}

#innerdocbody .font-color-38 {
  color: #3776a6
}

#innerdocbody .font-color-39 {
  color: #765c83
}

#innerdocbody .font-color-40 {
  color: #adadad
}

#innerdocbody .font-color-41 {
  color: #a91913
}

#innerdocbody .font-color-42 {
  color: #884702
}

#innerdocbody .font-color-43 {
  color: #563725
}

#innerdocbody .font-color-44 {
  color: #00552e
}

#innerdocbody .font-color-45 {
  color: #00767a
}

#innerdocbody .font-size-1 {
  font-size: 9pt
}

#innerdocbody .font-size-2 {
  font-size: 10pt
}

#innerdocbody .font-size-3 {
  font-size: 11pt
}

#innerdocbody .font-size-4 {
  font-size: 12pt
}

#innerdocbody .font-size-5 {
  font-size: 14pt
}

#innerdocbody .font-size-6 {
  font-size: 18pt
}

#innerdocbody .font-size-7 {
  font-size: 24pt
}

#innerdocbody .font-size-8 {
  font-size: 30pt
}

#innerdocbody .font-size-9 {
  font-size: 36pt
}

#innerdocbody font[size="1"] {
  font-size: 9pt
}

#innerdocbody font[size="2"] {
  font-size: 10pt
}

#innerdocbody font[size="3"] {
  font-size: 11pt
}

#innerdocbody font[size="4"] {
  font-size: 12pt
}

#innerdocbody font[size="5"] {
  font-size: 14pt
}

#innerdocbody font[size="6"] {
  font-size: 18pt
}

#innerdocbody font[size="7"] {
  font-size: 24pt
}

#innerdocbody font[size="8"] {
  font-size: 30pt
}

#innerdocbody font[size="9"] {
  font-size: 36pt
}

#innerdocbody .is-commented.active {
  background: hsla(44, 86%, 72%, .7)
}

#innerdocbody .hrline-div {
  height: 1em
}

#innerdocbody .horizontal-line {
  height: 0;
  display: block;
  margin-top: 1em;
  margin-left: -2px;
  margin-bottom: 1em
}

#innerdocbody .horizontal-line hr {
  margin-top: 0;
  margin-bottom: 0;
  border-top: 1px solid #999;
  border-left: none;
  border-right: none;
  border-bottom: none
}

.edit-mode .authorColors>div:before {
  display: block
}

.authorColors>div {
  border-left: 3px solid transparent
}

.authorColors>div.fadeUserline:before {
  opacity: .6
}

.authorColors>div:before {
  display: none;
  content: attr(data-author-name);
  font-size: 12px;
  position: absolute;
  left: -130px;
  width: 120px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
  line-height: 16px;
  margin-top: 5px;
  font-weight: 400;
  font-style: normal
}

.edit-mode .authorColors>div[data-author-name] {
  border-left-color: #41464b
}

.edit-mode .authorColors>div[data-author-name].fadeUserline {
  border-left-color: rgba(65, 70, 75, .6)
}

.edit-mode .authorColors>div[data-author-name]:before {
  color: #41464b
}

#tooltip {
  display: none;
  padding: 3px 8px;
  line-height: 16px;
  font-size: 11px;
  background-color: #3b3a3c;
  box-shadow: 0 2px 3px #ccc;
  color: #fff;
  position: absolute;
  border: 0;
  border-radius: 2px;
  letter-spacing: 1px;
  max-width: 300px;
  z-index: 99
}

@media screen and (max-width:1280px) {
  .history-show.edit-mode .authorColors>div:before {
      left: -70px;
      width: 60px
  }
}

@media (min-width:1024px) and (max-width:1280px) {
  .history-show.edit-mode .authorColors>div:before {
      left: -45px;
      width: 40px
  }
}

@media screen and (max-width:1024px) {
  .history-show.edit-mode .authorColors>div:before {
      left: -20px;
      width: 15px
  }
}

#mention-width {
  visibility: hidden
}

#track-avatars {
  position: absolute;
  left: 4px;
  top: 0
}

#track-avatars .track-avatar {
  position: absolute;
  left: 34px!important;
  width: 30px;
  height: 30px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all .3s cubic-bezier(.31, .44, .445, 1.1);
  -moz-transition: all .3s cubic-bezier(.31, .44, .445, 1.1);
  transition: all .3s cubic-bezier(.31, .44, .445, 1.1)
}

#track-avatars .track-avatar img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff
}

#track-avatars .overlap img {
  border-color: #b1bdae;
  background-color: #ecf1ea
}

.sidedivhidden {
  display: none
}

#focus-target {
  outline: 0;
  border: none;
  background: transparent;
  width: 1px;
  height: 1px;
  position: fixed;
  left: -100px
}

.doc-title-box {
  margin: 0 100px;
  width: auto;
  font-size: 22.5pt;
  height: 60px;
  padding-top: 90px;
  border-bottom: 1px solid #e8ecf1
}

.doc-title-box input {
  outline: none;
  border: none;
  box-shadow: none;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-weight: 700
}

.doc-title-box input::-ms-clear {
  display: none
}

#drag-li {
  display: none;
  position: absolute;
  outline: none;
  cursor: pointer!important;
  left: 38px;
  border: 1px dashed #ffd600;
  background: #fffde7;
  color: #6093bb!important;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  visibility: hidden;
  overflow: hidden;
  white-space: nowrap;
  opacity: .9
}

#drag-li li:before {
  margin-top: 0!important;
  color: #6093bb
}

#drag-li.active {
  visibility: visible
}

#drag-li .check-dragover {
  display: none
}

#drag-li .blur {
  position: absolute;
  left: -10px;
  top: -10px;
  height: 1px;
  width: 1px;
  outline: none;
  background: #fff;
  color: #fff;
  border: none
}

.check-dragover {
  position: relative;
  padding-bottom: 26px
}

.check-dragover:before {
  content: " ";
  height: 26px;
  transition: all 2s cubic-bezier(.31, .44, .445, 1);
  background: #e5f6f9;
  width: calc(100% + 76px);
  margin-left: -38px;
  position: absolute;
  bottom: 0;
  display: none
}

a.link-tag {
  color: #19b9f2
}

ol[class^=list-number] li:before {
  margin-left: 4px
}

.list-code {
  padding-top: 5px;
  padding-bottom: 15px
}

.list-code ol[class^=list-code] {
  list-style-type: none!important;
  font-family: Source Code Pro, monospace!important;
  color: #41464b!important;
  font-size: 11pt!important;
  line-height: 1.8!important;
  white-space: pre-wrap!important;
  word-break: break-all!important;
  margin-left: 0!important;
  text-align: left!important;
  padding: 2px 8px 1px;
  background-color: #f0f0f0;
  border: 1px solid rgba(208, 212, 217, .5)
}

.list-code ol[class^=list-code] font {
  color: #47525d!important
}

.list-code ol[class^=list-code]>li {
  margin-left: 0!important
}

.list-code ol[class^=list-code]:before {
  content: attr(start);
  font-size: 12px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  width: 30px;
  max-width: 30px;
  font-weight: 400;
  background-color: transparent;
  line-height: 8px;
  margin-left: -45px;
  margin-top: 9px;
  color: #d0d4d9
}

.list-code+.list-code ol[class^=list-code] {
  border-top: none;
  margin-top: -21px
}

ul[class^=list-check],
ul[class^=list-done] {
  list-style: none!important
}

ul[class^=list-check] li,
ul[class^=list-done] li {
  margin-left: -1.5em
}

ul[class^=list-check] li span,
ul[class^=list-done] li span {
  cursor: auto
}

ul[class^=list-check]>li:before,
ul[class^=list-done]>li:before {
  cursor: pointer;
  font-family: chuxintech!important;
  font-style: normal;
  display: inline-block;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
  content: "\F201";
  margin-right: .5em;
  line-height: normal
}

ul.list-indent9 {
  list-style: none;
  margin-left: 0
}

ul[class^=list-done] {
  opacity: .5
}

ul[class^=list-done] li:before {
  content: "\F202";
  color: inherit
}

ul[class^=list-done] li {
  text-decoration: line-through
}

.doc-check-icon,
.doc-link-icon {
  color: #666;
  font-size: 14px
}

.doc-code-icon {
  font-size: 14px;
  margin-top: 1px;
  display: inline-block;
  margin-left: 2px
}

.doc-code-icon:before {
  content:"{ }";
  color: #666
}

.link-box {
  display: none;
  font-size: 12px;
  top: 150px;
  left: 100px;
  width: 322px;
  position: absolute;
  line-height: 24px;
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  background-color: #f9f9f9;
  color: #333;
  transition: margin-left .1s ease-in;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.link-inner {
  border-radius: 2px;
  border: 1px solid #fff;
  padding: 10px 0
}

.link-trangle-item {
  left: 50%;
  margin-left: -4px;
  border-width: 8px!important
}

.link-trangle-item.top {
  border-bottom-color: #ddd!important
}

.link-trangle-item.down {
  border-bottom-color: #f9f9f9!important
}

.link-item-text {
  float: left;
  padding: 4px 16px;
  height: 16px;
  line-height: 16px
}

.link-cancel {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  cursor: pointer;
  padding: 16px;
  line-height: 1
}

.link-cancel:hover {
  color: #d9534f
}

.link-input {
  border: none;
  width: 217px;
  height: 16px;
  line-height: 16px;
  padding: 4px 10px 4px 0;
  font-size: 12px;
  box-shadow: none;
  background: inherit
}

.link-input:-moz-placeholder {
  color: #bebebe
}

.link-input::-moz-placeholder {
  color: #bebebe;
  opacity: 1
}

.link-input:-ms-input-placeholder {
  color: #bebebe
}

.link-input::-webkit-input-placeholder {
  color: #bebebe
}

.link-placeholder {
  background: #ebebeb
}

.icon-add:before {
  content: "\F302"
}

.icon-admin:before {
  content: "\F303"
}

.icon-align-center:before {
  content: "\F304"
}

.icon-align-justify:before {
  content: "\F305"
}

.icon-align-left:before {
  content: "\F306"
}

.icon-align-right:before {
  content: "\F307"
}

.icon-arrow-back:before {
  content: "\F308"
}

.icon-arrow-front:before {
  content: "\F309"
}

.icon-at:before {
  content: "\F30A"
}

.icon-attachment:before {
  content: "\F30B"
}

.icon-avatar:before {
  content: "\F30C"
}

.icon-blocked-out:before {
  content: "\F30D"
}

.icon-bold:before {
  content: "\F30E"
}

.icon-breadcrumb:before {
  content: "\F30F"
}

.icon-cancel-share:before {
  content: "\F310"
}

.icon-change-password:before {
  content: "\F311"
}

.icon-check:before {
  content: "\F201"
}

.icon-check-list:before {
  content: "\F202"
}

.icon-close:before {
  content: "\F312"
}

.icon-comment:before {
  content: "\F313"
}

.icon-comment-add:before {
  content: "\F314"
}

.icon-config:before {
  content: "\F315"
}

.icon-contact-user:before {
  content: "\F316"
}

.icon-delete:before {
  content: "\F317"
}

.icon-desktop:before {
  content: "\F318"
}

.icon-doc:before {
  content: "\F319"
}

.icon-down:before {
  content: "\F31A"
}

.icon-drop-down:before {
  content: "\F31B"
}

.icon-drop-left:before {
  content: "\F31C"
}

.icon-drop-right:before {
  content: "\F31D"
}

.icon-drop-up:before {
  content: "\F31E"
}

.icon-email:before {
  content: "\F31F"
}

.icon-export:before {
  content: "\F320"
}

.icon-folder:before {
  content: "\F321"
}

.icon-folder-user:before {
  content: "\F322"
}

.icon-font-color:before {
  content: "\F323"
}

.icon-font-type:before {
  content: "\F324"
}

.icon-go-ahead:before {
  content: "\F325"
}

.icon-higher-level:before {
  content: "\F326"
}

.icon-home:before {
  content: "\F327"
}

.icon-img:before {
  content: "\F328"
}

.icon-indent:before {
  content: "\F329"
}

.icon-italic:before {
  content: "\F32A"
}

.icon-link:before {
  content: "\F32B"
}

.icon-link-download:before {
  content: "\F32C"
}

.icon-loading:before {
  content: "\F32D"
}

.icon-logo:before {
  content: "\F32E"
}

.icon-logo1:before {
  content: "\F32F"
}

.icon-message:before {
  content: "\F330"
}

.icon-ol-list:before {
  content: "\F331"
}

.icon-open-webpage:before {
  content: "\F332"
}

.icon-other-tools:before {
  content: "\F333"
}

.icon-outdent:before {
  content: "\F334"
}

.icon-recover:before {
  content: "\F336"
}

.icon-refurbish:before {
  content: "\F337"
}

.icon-remind:before {
  content: "\F338"
}

.icon-remove-link:before {
  content: "\F339"
}

.icon-remove-media:before {
  content: "\F33A"
}

.icon-reply:before {
  content: "\F33B"
}

.icon-retreat:before {
  content: "\F33C"
}

.icon-return:before {
  content: "\F33D"
}

.icon-search:before {
  content: "\F33E"
}

.icon-select:before {
  content: "\F33F"
}

.icon-sure:before {
  content: "\F340"
}

.icon-table:before {
  content: "\F341"
}

.icon-trash-delete:before {
  content: "\F342"
}

.icon-ul-list:before {
  content: "\F343"
}

.icon-underline:before {
  content: "\F344"
}

.icon-user:before {
  content: "\F345"
}

.icon-wait-confirm:before {
  content: "\F346"
}

.icon-wechat:before {
  content: "\F347"
}

.list-body {
  overflow: auto;
  max-height: calc(100% - 51px);
  font-size: 14px
}

.list-body .crumb-list {
  width: 816px;
  margin: 32px auto 10px
}

.list-body .crumb-list .home-link {
  margin-left: -5px
}

.profile-container {
  margin: 0 auto;
  padding: 130px 0 135px 150px;
  width: 816px;
  height: 543px;
  margin-bottom: 30px;
  background: #fff;
  -webkit-box-shadow: 0 1px 6px #ccc;
  -moz-box-shadow: 0 1px 6px #ccc;
  -ms-box-shadow: 0 1px 6px #ccc;
  -o-box-shadow: 0 1px 6px #ccc;
  box-shadow: 0 1px 6px #ccc;
  box-sizing: border-box;
  transition: opacity .2s ease-in
}

.profile-container .profile-left {
  float: left;
  width: 58px;
  padding: 40px 44px 0 14px;
  border-right: 1px solid #e8ecf1
}

.profile-container .profile-left .profile-tabs {
  margin-top: 38px
}

.profile-container .profile-left .profile-tab {
  height: 12px;
  line-height: 12px;
  margin-bottom: 20px;
  cursor: pointer;
  color: gray
}

.profile-container .profile-left .profile-tab.active {
  color: #333;
  position: relative;
  font-weight: 700
}

.profile-container .profile-left .profile-tab.active:before {
  content: "\25CF";
  display: block;
  position: absolute;
  font-size: 12px;
  color: #333;
  left: -14px;
  top: 0
}

.profile-container .profile-right {
  padding-left: 116px
}

.profile-container .profile-right .profile-view {
  display: none
}

.profile-container .profile-right .profile-view.active {
  display: block
}

.profile-container .profile-right .profile-view.profile-account {
  padding-left: 76px
}

.profile-container .profile-right .profile-view.profile-payment {
  padding-left: 12px;
  padding-right: 48px
}

.profile-container .profile-right .profile-view.profile-payment .payment-header {
  height: 35px;
  line-height: 35px;
  background-color: #f3f3f3;
  font-size: 0;
  font-weight: 700;
  color: gray
}

.profile-container .profile-right .profile-view.profile-payment .payment-list {
  position: relative;
  overflow-y: scroll;
  height: 196px
}

.profile-container .profile-right .profile-view.profile-payment .payment-item {
  font-size: 0;
  margin-top: 15px;
  height: 32px;
  line-height: 32px;
  color: gray
}

.profile-container .profile-right .profile-view.profile-payment .payment-item:nth-child(2n) {
  background-color: #fafafa
}

.profile-container .profile-right .profile-view.profile-payment .payment-first,
.profile-container .profile-right .profile-view.profile-payment .payment-fourth,
.profile-container .profile-right .profile-view.profile-payment .payment-second,
.profile-container .profile-right .profile-view.profile-payment .payment-third {
  display: inline-block;
  font-size: 12px;
  text-align: center;
  margin-left: 35px
}

.profile-container .profile-right .profile-view.profile-payment .payment-first {
  width: 134px;
  margin-left: 12px;
  margin-right: 0
}

.profile-container .profile-right .profile-view.profile-payment .payment-second {
  width: 61px
}

.profile-container .profile-right .profile-view.profile-payment .payment-third {
  width: 90px
}

.profile-container .profile-right .profile-view.profile-payment .payment-fourth {
  width: 48px
}

.profile-container .profile-right .profile-view.profile-payment .payment-feedback {
  margin-top: 10px;
  color: #6886aa;
  cursor: pointer
}

.profile-container .profile-right .profile-view.profile-payment .payment-no-order {
  position: absolute;
  top: 95px;
  left: 206px;
  font-size: 12px;
  color: gray
}

.profile-container .profile-right .profile-view.profile-notification {
  padding-top: 50px
}

.profile-container .info-item {
  margin-top: 24px;
  line-height: 22px;
  font-size: 0
}

.profile-container .info-item:first-child {
  margin-top: 0
}

.profile-container .info-item span {
  font-size: 14px
}

.profile-container .info-item a {
  color: #6093bb;
  margin-left: 15px;
  outline: none;
  font-size: 14px
}

.profile-container .info-item .edit-password,
.profile-container .info-item .set-email {
  margin-left: 0
}

.profile-container .info-item .bind-status,
.profile-container .info-item .email-status,
.profile-container .info-item .send-email {
  color: #bebebe
}

.profile-container .info-item .send-email.active {
  color: #6093bb
}

.profile-container .info-item .bind-info,
.profile-container .info-item .unbind-info {
  display: none
}

.profile-container .info-item.off .unbind-info,
.profile-container .info-item.on .bind-info {
  display: inline
}

.profile-container .info-item .item-content {
  display: inline-block;
  max-width: 450px
}

.profile-container .img-info {
  margin-top: 0;
  text-align: center;
  position: relative;
  height: 58px
}

.profile-container .img-info .uploading {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: rgba(0, 0, 0, .2);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 200;
  border-radius: 50%;
  display: none
}

.profile-container .img-info .uploading .personal-upload-gif {
  width: 24px;
  height: 24px;
  margin: 28px
}

.profile-container .img-info .is-uploading .uploading {
  display: block
}

.profile-container .img-info .ajax-file-upload,
.profile-container .img-info .img-upload {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  position: absolute
}

.profile-container .img-info .ajax-file-upload:hover .img-mask,
.profile-container .img-info .img-upload:hover .img-mask {
  opacity: 1
}

.profile-container .img-info .ajax-file-upload.is-uploading:hover .img-mask,
.profile-container .img-info .img-upload.is-uploading:hover .img-mask {
  opacity: 0
}

.profile-container .img-info .img-mask,
.profile-container .img-info form input {
  opacity: 0;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%!important;
  height: 100%!important;
  border-radius: 50%;
  cursor: pointer
}

.profile-container .img-info .img-mask {
  line-height: 58px;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  background: rgba(0, 0, 0, .2)
}

.profile-container .img-info .img-mask:hover {
  opacity: 1
}

.profile-container .user-name-input {
  box-sizing: border-box;
  padding: 4px 8px;
  height: 30px;
  line-height: 20px;
  width: 160px;
  outline: none;
  font-size: 14px;
  margin-left: -8px
}

.profile-container .personal-img {
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.profile-container .item-name {
  margin: 0 30px 0 0;
  display: inline-block;
  vertical-align: top;
  width: 60px;
  text-align: right
}

.profile-container .item-name.info-name {
  line-height: 30px
}

.profile-container .item-name .hicon {
  margin-right: 10px;
  top: 0;
  color: #888
}

.profile-container .item-name .icon-wechat {
  margin-right: 9px;
  font-size: 15px
}

.profile-edit {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, .3);
  color: #7d7d7d;
  z-index: 999;
  cursor: default;
  display: none;
  font-size: 14px
}

.profile-edit .edit-box {
  position: fixed;
  width: 380px;
  top: 30%;
  left: 50%;
  margin-left: -190px;
  background: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .2)
}

.profile-edit .edit-header {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  text-indent: 20px;
  height: 40px;
  line-height: 40px;
  color: #666;
  font-size: 14px;
  background: #f7f9fb;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 1px 4px #ddd;
  background: -moz-linear-gradient(top, #fafafa, #f8f8f8);
  background: -webkit-linear-gradient(top, #fafafa, #f8f8f8);
  background: -o-linear-gradient(top, #fafafa, #f8f8f8);
  background: -ms-linear-gradient(top, #fafafa, #f8f8f8)
}

.profile-edit .edit-header .icon-close {
  float: right;
  margin-right: 40px;
  margin-top: -2px;
  cursor: pointer
}

.profile-edit .edit-content {
  padding-top: 26px;
  padding-bottom: 14px
}

.profile-edit .edit-content .error-msg {
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  width: 340px;
  margin: 0 auto;
  visibility: hidden
}

.profile-edit .edit-content .error-msg.active {
  visibility: visible
}

.profile-edit .edit-item {
  display: none;
  position: relative
}

.profile-edit .edit-item input {
  width: 340px;
  padding: 7px;
  height: 33px;
  line-height: 20px;
  background: #f5f5f5;
  outline: none;
  box-sizing: border-box;
  display: block;
  margin: 4px 20px;
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: none;
  color: #333;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.profile-edit .edit-item input:-moz-placeholder {
  color: #898989
}

.profile-edit .edit-item input::-moz-placeholder {
  color: #898989;
  opacity: 1
}

.profile-edit .edit-item input:-ms-input-placeholder {
  color: #898989
}

.profile-edit .edit-item input::-webkit-input-placeholder {
  color: #898989
}

.profile-edit .edit-item .to-find-password {
  padding: 9px;
  width: 16px;
  height: 17px;
  display: inline-block;
  position: absolute;
  right: 26px;
  top: 0;
  font-size: 15px;
  color: #9e9d9e;
  cursor: pointer
}

.profile-edit .edit-item .to-find-password .img-sprite {
  background: url("https://assets-cdn.shimo.im/assets/images/account_back_sprite-9c443a59be.png") no-repeat;
  background-size: 287px 272.5px;
  background-position: 0 -123px;
  display: inline-block;
  width: 100%;
  height: 100%
}

.profile-edit .edit-item.reset-part input {
  background: none;
  color: #898989;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0
}

.profile-edit .edit-item .edit-btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.profile-edit .edit-operation {
  font-size: 12px;
  margin: 0 20px 20px 0;
  height: 30px
}

.profile-edit .edit-operation .btn {
  float: right;
  width: 80px
}

.profile-edit .edit-operation .edit-submit {
  margin-right: 8px
}

.profile-edit .wechat-content {
  display: none;
  margin: 50px 0;
  line-height: 1
}

.profile-edit .wechat-content img {
  width: 80px;
  height: 80px;
  margin: 0 20px 0 50px
}

.profile-edit .wechat-content img,
.profile-edit .wechat-content p {
  display: inline-block;
  vertical-align: top
}

.profile-edit.edit-email .email-part,
.profile-edit.edit-password .password-part,
.profile-edit.edit-reset .reset-part,
.profile-edit.set-email .email-part {
  display: block
}

.profile-edit.transfer-balance .balance-part {
  display: block;
  padding: 0 20px
}

.profile-edit.bind-wechat .wechat-content {
  display: block
}

#confirm,
.profile-edit.bind-wechat .edit-content,
.profile-edit.bind-wechat .edit-operation {
  display: none
}

#confirm {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .3);
  z-index: 10000
}

#confirm .dialog {
  top: 30%;
  position: absolute;
  left: 50%;
  margin-left: -210px;
  width: 420px;
  font-size: 14px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 6px 8px rgba(0, 0, 0, .3)
}

#confirm .dialog .dialog-head {
  position: relative;
  padding: 30px 40px 10px;
  text-indent: 0;
  line-height: 1em;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 16px;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-bottom: transparent
}

#confirm .dialog .dialog-body {
  padding: 20px 40px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
  word-break: break-all;
  max-height: 200px;
  overflow: auto
}

#confirm .dialog .dialog-body span.blue {
  color: #41464b;
  padding-left: 5px;
  padding-right: 5px
}

#confirm .dialog .dialog-foot {
  text-align: right;
  padding: 10px 40px 30px;
  font-size: 0;
  white-space: nowrap
}

#confirm .dialog .dialog-foot .btn {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  margin-left: 8px;
  float: none
}

#confirm .dialog .dialog-foot .btn-cancel {
  margin-left: 8px
}

#confirm .confirm-close {
  position: absolute;
  padding: 10px;
  top: 20px;
  right: 30px;
  cursor: pointer
}

#confirm .confirm-close:active {
  color: #333
}

#confirm .confirm-checkbox {
  margin-top: 20px;
  cursor: pointer
}

#confirm .confirm-checkbox:before {
  cursor: pointer;
  font-family: chuxintech!important;
  font-style: normal;
  display: inline-block;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
  content: "\F201";
  margin-right: .5em
}

#confirm .confirm-checkbox.active:before {
  content: "\F202"
}

.confirm-wrap .external-link {
  width: 540px
}

.fixed-box {
  position: fixed;
  background-color: #fbfbfb;
  width: 24px;
  height: 100px;
  bottom: 48px;
  left: -30px;
  z-index: 122;
  right: auto;
  outline: transparent;
  border: 1px solid #eee;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.fixed-box.active {
  left: 0;
  -webkit-box-shadow: 0 1px 4px hsla(0, 0%, 40%, .2);
  -moz-box-shadow: 0 1px 4px hsla(0, 0%, 40%, .2);
  -ms-box-shadow: 0 1px 4px hsla(0, 0%, 40%, .2);
  -o-box-shadow: 0 1px 4px hsla(0, 0%, 40%, .2);
  box-shadow: 0 1px 4px hsla(0, 0%, 40%, .2);
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px
}

.fixed-button {
  cursor: pointer;
  padding: 9px 0;
  margin: 0 6px;
  border-bottom: 1px solid #ddd;
  font-size: 12px!important;
  line-height: 16px;
  color: #666
}

.fixed-button:hover {
  color: #333
}

.fixed-button:active {
  color: #333;
  font-weight: 700
}

.meiqia-feedback {
  position: fixed;
  background-color: #fbfbfb;
  width: 24px;
  height: 50px;
  bottom: 98px;
  left: -30px;
  z-index: 100;
  right: auto;
  outline: transparent;
  border: 1px solid #eee;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.meiqia-feedback.active {
  left: 0;
  -webkit-box-shadow: 0 1px 4px hsla(0, 0%, 40%, .2);
  -moz-box-shadow: 0 1px 4px hsla(0, 0%, 40%, .2);
  -ms-box-shadow: 0 1px 4px hsla(0, 0%, 40%, .2);
  -o-box-shadow: 0 1px 4px hsla(0, 0%, 40%, .2);
  box-shadow: 0 1px 4px hsla(0, 0%, 40%, .2);
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px
}

.meiqia-custom-show {
  position: absolute;
  width: 24px;
  height: 50px;
  display: inherit;
  cursor: pointer
}

.meiqia-btn-show {
  padding-top: 9px;
  padding-left: 6px;
  padding-bottom: 9px;
  font-size: 12px!important;
  line-height: 16px;
  color: #666
}

.meiqia-btn-show:hover {
  color: #333
}

.meiqia-btn-show:active {
  color: #333;
  font-weight: 700
}

.meiqia-custom-box-status {
  padding-left: 6px;
  font-size: 14px;
  color: #bcc3cd;
  height: 16px;
  position: relative;
  top: -2px
}

.meiqia-iframe-hidebtn {
  width: 0;
  height: 0;
  top: 4px;
  right: 6px;
  border: 15px solid;
  position: absolute;
  cursor: pointer;
  opacity: 0
}

#MEIQIA-PANEL-HOLDER {
  left: -340px!important;
  -webkit-transition: left .3s ease-in-out;
  -moz-transition: left .3s ease-in-out;
  transition: left .3s ease-in-out
}

#MEIQIA-PANEL-HOLDER.active {
  left: 10px!important
}

.meiqia-msg-count {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #41464b;
  border-radius: 10px;
  color: #fff;
  transform: scale(.8)
}

.meiqia-unread-msg {
  position: absolute;
  top: -10px;
  right: -10px
}

.mobile .meiqia-feedback {
  display: none
}

.doc-comment-content a,
.doc-comment-input a {
  user-modify: read-only;
  -moz-user-modify: read-only;
  -webkit-user-modify: read-only;
  color: #70b1e7;
  padding: 2px 3px
}

.doc-comment-content a.mention-user,
.doc-comment-input a.mention-user {
  color: #333;
  background: #ddd;
  padding: 3px;
  border-radius: 4px;
  border-radius: 3px;
  cursor: default
}

.doc-comment-content a.mention-user.online,
.doc-comment-input a.mention-user.online {
  background: #bfe5c0
}

.doc-comment-content a.mention-doc:hover,
.doc-comment-input a.mention-doc:hover {
  color: #28c
}

.mention-pop {
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 7.5px 0;
  width: 220px;
  max-height: 250px;
  background: #fff;
  z-index: 99999;
  display: none
}

.mention-pop.active {
  display: block
}

.mention-pop ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0
}

.mention-pop ul li {
  margin: 0;
  cursor: default;
  display: block;
  padding: 7.5px 15px;
  line-height: 26px;
  font-family: ProximaNova-Regular, nova, arial, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px
}

.mention-pop ul li:last-child {
  border-bottom: none
}

.mention-pop ul li.placeholder {
  font-style: italic;
  color: #c0c9c6
}

.mention-pop ul li .avatar {
  width: 24px;
  height: 24px;
  margin-right: 15px;
  float: left;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%
}

.mention-pop ul li .email,
.mention-pop ul li .snippet {
  font-size: 12px;
  color: #c0c9c6
}

.mention-pop ul li .snippet {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.mention-pop ul li .mention-icon {
  width: 26px;
  height: 26px;
  display: inline-block;
  float: left;
  margin: 0 15px 0 1.5px
}

.mention-pop ul li.active {
  background: #e8e8e8
}

.mention-pop ul li.active .email,
.mention-pop ul li.active .snippet {
  color: #c0c9c6
}

.mention-pop ul li[data-type=doc] {
  color: #666
}

.mention-pop ul.result-list {
  background: #fff;
  color: #6886aa
}

.mention-pop ul.result-list li {
  line-height: 24px;
  cursor: pointer
}

#mention-pop-shadow {
  position: absolute;
  top: -5000px;
  left: -5000px
}

.anonymous-wrap {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: hsla(0, 0%, 100%, .9);
  font-size: 12px
}

.anonymous-wrap .anonymous-btns {
  margin: 240px auto 0;
  width: 141px;
  height: 77px;
  text-align: center;
  color: #898989;
  font-size: 9px
}

.anonymous-wrap .anonymous-login {
  float: left
}

.anonymous-wrap .anonymous-register {
  float: right
}

.anonymous-info .anonymous-avatar {
  position: absolute;
  height: 20px;
  width: 20px;
  right: 0;
  top: 13px
}

.anonymous-info .anonymous-item {
  font-size: 14px;
  color: #41464b;
  padding-right: 20px;
  float: right
}

.anonymous-info .anonymous-item:hover {
  color: #000
}

.anonymous-info .anonymous-name {
  font-size: 13px;
  padding-left: 28px;
  padding-right: 25px
}

.anonymous-header.h-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.anonymous-header .header-left-box,
.anonymous-header .header-right-box {
  width: 155px;
  position: static
}

.anonymous-header .header-status {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center
}

.anonymous-header .anonymous-logo {
  width: 200px
}

.hide {
  display: none!important
}

@-webkit-keyframes fadeIn {
  0% {
      opacity: 0
  }
  to {
      opacity: 1
  }
}

@-moz-keyframes fadeIn {
  0% {
      opacity: 0
  }
  to {
      opacity: 1
  }
}

@keyframes fadeIn {
  0% {
      opacity: 0
  }
  to {
      opacity: 1
  }
}

.fadein {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear
}

.toast {
  position: fixed;
  top: 0;
  z-index: 1001;
  width: 100%;
  line-height: 43px;
  text-align: center;
  background: #fff
}

.message-box {
  line-height: normal;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft Yahei, WenQuanYi Micro Hei, sans-serif
}

.message-box .message-icon-wrap {
  padding: 0;
  width: 20px;
  height: 22px;
  margin-top: 14px;
  display: inline-block;
  position: relative
}

.message-box .message-icon-wrap.active .message-icon,
.message-box .message-icon-wrap:hover .message-icon {
  background-position: -220px -60px
}

.message-dropdown {
  right: -49px;
  top: 48px
}

.message-dropdown .trangle span {
  left: 323px
}

.message-dropdown .trangle span.down {
  border-bottom-color: #fafafa
}

.message-dropdown .trangle span.top {
  top: -8px
}

.message-config {
  cursor: pointer;
  color: #aaa
}

.message-header {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  text-indent: 15px;
  height: 30px;
  line-height: 30px;
  color: #666;
  background: #f7f9fb;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 1px 4px #ddd;
  background: -moz-linear-gradient(top, #fafafa, #f8f8f8);
  background: -webkit-linear-gradient(top, #fafafa, #f8f8f8);
  background: -o-linear-gradient(top, #fafafa, #f8f8f8);
  background: -ms-linear-gradient(top, #fafafa, #f8f8f8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  line-height: normal;
  padding: 0 17px;
  box-sizing: border-box;
  text-indent: 0;
  font-size: 12px
}

.message-header .header-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1
}

.message-header .tooltip {
  padding: 0!important;
  left: auto!important;
  top: auto!important;
  bottom: auto!important;
  right: auto!important;
  box-shadow: none!important
}

.message-header .tooltip:after {
  left: -20px;
  text-indent: 0;
  text-align: center;
  top: 26px
}

.message-header .m-icon {
  vertical-align: middle;
  width: 14px;
  height: 14px
}

.message-content .m-li {
  padding: 13px 20px 13px 17px
}

.message-content ul {
  overflow-y: auto;
  width: 390px
}

.message-content ul::-webkit-scrollbar {
  width: 3px
}

.message-content ul::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: hsla(0, 0%, 65%, .5)
}

.message-content-null {
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  display: none;
  color: #999
}

.message-content-null.active {
  display: block
}

.message-footer {
  -webkit-box-shadow: 0 0 4px #ccc;
  -moz-box-shadow: 0 0 4px #ccc;
  -ms-box-shadow: 0 0 4px #ccc;
  -o-box-shadow: 0 0 4px #ccc;
  box-shadow: 0 0 4px #ccc;
  position: relative;
  z-index: 1;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  background: #f8f8f8
}

.message-footer a {
  color: #6886aa;
  font-size: 12px
}

.message-footer a:hover {
  color: #6daaec
}

.message-icon {
  cursor: pointer;
  background-position: -220px -20px;
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  margin-right: 7px
}

.message-number {
  font-size: 12px;
  line-height: 100%;
  position: absolute;
  left: 15px;
  top: 8px;
  text-align: center;
  color: #666;
  text-shadow: 0 0 1px #fff;
  display: none;
  font-family: Arial, Helvetica, Tahoma
}

.message-number.active {
  display: block
}

.message-read-all {
  margin-right: 15px;
  cursor: pointer
}

.message-fade-leave {
  opacity: 1;
  transition: opacity .3s, margin-bottom .5s
}

.message-fade-leave-active {
  margin-bottom: -72px;
  opacity: 0!important
}

.m-li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  color: #333;
  cursor: pointer
}

.m-li.is-read {
  color: #a5a5a5
}

.m-li:hover {
  background: #f5f5f5
}

.m-li:hover .m-check {
  display: inline-block!important
}

.m-li:hover .m-shim-right-quote:after {
  background-color: #f5f5f5
}

.m-li .m-action[disabled],
.m-li .m-weak-text {
  font-size: 12px;
  line-height: 12px;
  color: #a5a5a5
}

.m-li .m-quotes:before {
  content: "\201C"
}

.m-li .m-quotes:after {
  content: "\201D"
}

.m-li .m-shim-right-quote {
  position: relative
}

.m-li .m-shim-right-quote:before {
  content: "\201D";
  position: absolute;
  right: 0;
  bottom: 0
}

.m-li .m-shim-right-quote:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: auto;
  width: 1em;
  height: 1em;
  z-index: 1;
  background-color: #fff
}

.m-li .m-avatar {
  width: 26px;
  height: 26px;
  margin-top: 5px;
  margin-right: 15px;
  border-radius: 26px
}

.m-li .m-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1;
  min-width: 0
}

.m-li .m-content {
  max-height: 36px;
  line-height: 18px;
  font-size: 14px;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  width: 100%;
  overflow: hidden;
  word-break: break-all
}

.m-li .m-file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 6px
}

.m-li .m-icon {
  height: 14px;
  width: 14px;
  margin-right: 5px
}

.m-li .m-action {
  padding: 0 1em;
  margin-left: 7px
}

.m-li .m-action[disabled] {
  border: 1px solid #e5e5e5
}

.m-li .m-datetime {
  position: relative;
  margin-left: 10px
}

.m-li .m-check {
  position: absolute;
  right: 0;
  bottom: 2px;
  display: none;
  color: #888;
  width: 14px;
  height: 14px
}

.dialog-mask,
.widget-dialog {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.widget-dialog {
  z-index: 1000;
  font-size: 13px
}

.dialog-mask {
  background: #000;
  opacity: .5
}

.dialog-content {
  position: absolute;
  width: 290px;
  max-width: 80%;
  min-height: 150px;
  background: #fff
}

.dialog-header {
  height: 30px;
  position: relative
}

.dialog-header .dialog-title {
  text-align: center;
  font-size: 15px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0
}

.dialog-body {
  padding: 20px 26px 45px;
  line-height: 26px
}

.dialog-body .tel {
  text-decoration: underline;
  color: #4a90e2
}

.dialog-close-btn {
  float: right
}

.dialog-btn {
  display: block;
  margin-top: 15px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  background: #41464b
}

.dialog-btn:active {
  background: #26272c
}

.dialog-wrap {
  z-index: 999
}

.dialog-wrap.no-action .dialog-foot,
.dialog-wrap.no-title .dialog-head {
  display: none
}

.flat-dialog {
  color: #41464b
}

.flat-dialog .mask {
  background: rgba(0, 0, 0, .5)
}

.flat-dialog .dialog {
  width: 289px;
  height: auto;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px #8c8c8c;
  -moz-box-shadow: 0 2px 4px #8c8c8c;
  -ms-box-shadow: 0 2px 4px #8c8c8c;
  -o-box-shadow: 0 2px 4px #8c8c8c;
  box-shadow: 0 2px 4px #8c8c8c
}

.flat-dialog.light .mask {
  background: hsla(0, 0%, 96%, .92)
}

.flat-dialog.light .dialog {
  -webkit-box-shadow: 0 2px 3px 0 hsla(0, 0%, 84%, .7);
  -moz-box-shadow: 0 2px 3px 0 hsla(0, 0%, 84%, .7);
  -ms-box-shadow: 0 2px 3px 0 hsla(0, 0%, 84%, .7);
  -o-box-shadow: 0 2px 3px 0 hsla(0, 0%, 84%, .7);
  box-shadow: 0 2px 3px 0 hsla(0, 0%, 84%, .7);
  background: #fff
}

.flat-dialog .dialog-head {
  line-height: 1;
  color: #41464b;
  border-bottom: 0;
  box-shadow: 0 0 transparent;
  padding-top: 44px;
  text-align: center;
  font-size: 18px;
  background: transparent
}

.flat-dialog .dialog-close {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 10px
}

.flat-dialog .dialog-body {
  padding-bottom: 30px;
  padding-top: 30px
}

.flat-dialog .dialog-description {
  text-align: center;
  font-size: 14px;
  line-height: 1.5em
}

.flat-dialog .dialog-foot {
  width: 100%;
  margin-bottom: 26px
}

.flat-dialog .dialog-foot button {
  display: block;
  float: none;
  width: 240px;
  margin-left: 25px
}

.flat-dialog .dialog-foot button.vertical {
  margin-bottom: 8px
}

.flat-dialog .dialog-middle-content {
  position: relative;
  text-align: center
}

.flat-dialog .dialog-middle-content .dialog-close {
  font-size: 20px
}

#list-view-wrap>.maintenance {
  position: fixed;
  top: 50px;
  height: 42px;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #666;
  z-index: 105;
  background-color: #fdf7e5;
  border-bottom: 1px solid #e5e5e5;
  line-height: 42px
}

#list-view-wrap>.maintenance a {
  color: #28c;
  text-decoration: underline
}

#list-view-wrap>.maintenance .content {
  height: 42px;
  line-height: 42px;
  display: inline-block
}

#list-view-wrap>.maintenance .icon-delete {
  color: #777;
  text-decoration: none
}

#list-view-wrap>.maintenance .link {
  color: #6da0e3;
  font-weight: 700;
  margin: 0 5px
}

#list-view-wrap>.maintenance .delete {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 11px;
  right: 10px
}

#list-view-wrap>.maintenance .delete:before {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/notification-8e97ac2200.png);
  background-repeat: no-repeat;
  background-size: 15px 50px;
  background-color: transparent;
  background-position: 0 -10px
}

#list-view-wrap>.maintenance .delete:hover:before {
  background-position: 0 0
}

#list-view-wrap>.maintenance .warning {
  background-position: 0 -35px
}

#list-view-wrap>.maintenance .good-news,
#list-view-wrap>.maintenance .warning {
  display: inline-block;
  vertical-align: middle;
  height: 15px;
  width: 15px;
  margin-top: -2px;
  margin-right: 10px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/notification-8e97ac2200.png);
  background-repeat: no-repeat;
  background-size: 15px 50px;
  background-color: transparent
}

#list-view-wrap>.maintenance .good-news {
  background-position: 0 -20px
}

#list-view-wrap>.maintenance.blue {
  background-color: #e2ecf9
}

body.maintenance #list-view {
  margin-top: 45px;
  display: block
}

.survey-banner {
  display: inline-block;
  margin-right: 30px;
  vertical-align: top;
  font-size: 12px
}

.survey-banner:hover .survey-banner-close {
  opacity: 1;
  pointer-events: auto
}

.survey-link {
  color: #6da2d7
}

.survey-banner-close {
  display: block;
  width: 20px;
  height: 20px;
  float: right;
  background-position: -340px -100px;
  opacity: 0;
  cursor: pointer
}

.sm-form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 12px;
  color: #333;
  border-radius: 2px;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 1px 3px 0 #e5e5e5 inset;
  -moz-box-shadow: 0 1px 3px 0 #e5e5e5 inset;
  -ms-box-shadow: 0 1px 3px 0 #e5e5e5 inset;
  -o-box-shadow: 0 1px 3px 0 #e5e5e5 inset;
  box-shadow: inset 0 1px 3px 0 #e5e5e5;
  -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

textarea.sm-form-control {
  line-height: 1.5em
}

.sm-form-control:focus {
  outline: 0;
  border-color: #a6a6a6!important;
  color: #333
}

.sm-form-control:hover {
  border-color: #ccc
}

.sm-form-control:-moz-placeholder {
  color: #c2c2c2;
  font-size: 12px
}

.sm-form-control::-moz-placeholder {
  color: #c2c2c2;
  opacity: 1;
  font-size: 12px
}

.sm-form-control:-ms-input-placeholder {
  color: #c2c2c2;
  font-size: 12px
}

.sm-form-control::-webkit-input-placeholder {
  color: #c2c2c2;
  font-size: 12px
}

.sm-form-control[disabled],
.sm-form-control[readonly],
fieldset[disabled] .sm-form-control {
  cursor: default;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 0 transparent inset;
  -moz-box-shadow: 0 0 0 0 transparent inset;
  -ms-box-shadow: 0 0 0 0 transparent inset;
  -o-box-shadow: 0 0 0 0 transparent inset;
  box-shadow: inset 0 0 0 0 transparent
}

.sm-form-control[readonly] {
  color: #333
}

.sm-form-control[readonly]:focus,
.sm-form-control[readonly]:hover {
  border: 1px solid #e5e5e5!important
}

.sm-form-control[disabled] {
  color: #ccc
}

.sm-form-control[disabled]:focus,
.sm-form-control[disabled]:hover,
.sm-form-control[readonly]:focus,
.sm-form-control[readonly]:hover {
  border: 1px solid #e5e5e5!important
}

.sm-nav-tabs .tab-head-wrap {
  border-bottom: 1px solid #eee;
  height: auto;
  line-height: 1
}

.sm-nav-tabs .tab-head-item {
  display: inline-block;
  line-height: 1em;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: -1px;
  color: #999;
  font-size: 12px;
  cursor: pointer
}

.sm-nav-tabs .tab-head-item:first-child {
  margin-left: 0
}

.sm-nav-tabs .tab-head-item:hover {
  color: #333
}

.sm-nav-tabs .tab-head-item.selected {
  color: #333;
  border-bottom: 2px solid #41464b
}

.sm-nav-tabs .tab-content-wrap {
  padding-top: 10px
}

.sm-nav-tabs.large .tab-head-item {
  margin-left: 18px;
  margin-right: 18px;
  font-size: 14px
}

.sm-nav-tabs.large .tab-head-item:first-child {
  margin-left: 0
}

.fp-formula-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: 298px;
  height: 100%;
  padding: 17px;
  background-color: #fff;
  font-size: 12px;
  color: #333
}

.fp-formula-panel .fp-weak-text {
  color: #999
}

.fp-formula-panel .fp--hide {
  display: none
}

.fp-formula-panel .fp-header {
  padding-bottom: 9px;
  border-bottom: 1px solid #ccc
}

.fp-formula-panel .fp-list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 -17px
}

.fp-formula-panel .fp-list::-webkit-scrollbar {
  width: 5px;
  background-color: transparent
}

.fp-formula-panel .fp-list::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: hsla(0, 0%, 65%, .5)
}

.fp-formula-panel .fp-list__item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 17px
}

.fp-formula-panel .fp-list__item:hover {
  background-color: #f5f5f5
}

.fp-formula-panel .fp-list__item-name {
  margin-bottom: 10px;
  font-size: 14px
}

.fp-formula-panel .fp-category {
  display: inline-block;
  position: relative;
  margin: 0;
  text-align: left;
  vertical-align: middle
}

.fp-formula-panel .fp-category .d-menu-display-wrap {
  width: 114px;
  line-height: 28px;
  padding: 0 10px;
  border: 1px solid #ccc
}

.fp-formula-panel .fp-category .d-menu-display-wrap:hover {
  box-shadow: none!important
}

.fp-formula-panel .fp-category .menu-wrap {
  width: 158px;
  border: 1px solid #eee
}

.fp-formula-panel .fp-category .menu-wrap:before {
  border-bottom-color: #eee
}

.fp-formula-panel .fp-category.d-menu-wrap.unactive .menu-wrap {
  display: none
}

.fp-formula-panel .fp-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 12px 0;
  line-height: 2;
  min-height: 2em
}

.fp-formula-panel .fp-search__input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1;
  height: 28px;
  padding: 0 25px
}

.fp-formula-panel .fp-list__empty {
  padding: 2em;
  font-size: 18px;
  text-align: center
}

.fp-formula-panel .team-sprite {
  position: relative;
  z-index: 1;
  top: 5px
}

.fp-formula-panel .team-sprite.team-icon-search {
  margin-right: -20px;
  left: 5px
}

.fp-formula-panel .team-sprite.team-icon-delete {
  margin-left: -20px;
  right: 5px
}

.fp-formula-panel .fp-pointer {
  cursor: pointer
}

.fp-formula-panel .fp-pointer:hover {
  opacity: .7
}

.fp-formula-panel .hicon {
  top: auto;
  text-align: center;
  line-height: 1
}

.common-sidebar {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #f9f9f9;
  box-shadow: 0 1px 6px #ccc
}

.common-sidebar--transition-enter {
  transform: translateX(110%)
}

.common-sidebar--transition-enter.common-sidebar--transition-enter-active {
  transition: transform .2s;
  transform: translateX(0)
}

.common-sidebar--transition-leave {
  transform: translateX(0)
}

.common-sidebar--transition-leave.common-sidebar--transition-leave-active {
  transition: transform .2s;
  transform: translateX(110%)
}

.sm-btn {
  display: inline-block;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border-radius: 2px;
  padding: 0 26px;
  box-sizing: border-box
}

.sm-btn:focus {
  outline: transparent
}

.sm-btn-primary {
  background-color: #41464b;
  color: #fff;
  border: 1px solid transparent
}

.sm-btn-primary:hover {
  background: #313438;
  border-color: #313438
}

.sm-btn-primary:active {
  background: #2c3033;
  border-color: #2c3033
}

.sm-btn-primary.disable {
  pointer-events: none;
  background: #e5e5e5
}

.sm-btn-default {
  background-color: #fff;
  color: #53585c;
  border: 1px solid #c3c4c6
}

.sm-btn-default:hover {
  color: #41464b;
  border-color: #9ea0a3
}

.sm-btn-default:active {
  color: #2c3033;
  border-color: #8b8e91
}

.search-input.standard {
  font-size: 14px;
  padding: 5px 20px 5px 30px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/search/search_2x-d7a58be076.png");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 8px
}

.noti-crumb {
  margin: 0;
  margin-top: 32px;
  margin-bottom: 10px
}

.noti-crumb .home-link {
  margin-left: -5px
}

.noti-scroll-view {
  height: calc(100% - 52px);
  overflow-y: auto;
  overflow-x: visible
}

.noti-outer-container {
  width: 816px;
  margin: 0 auto
}

.noti-container {
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft Yahei, WenQuanYi Micro Hei, sans-serif;
  width: 100%;
  margin-bottom: 30px;
  min-height: 500px;
  background: #fff;
  -webkit-box-shadow: 0 1px 6px #ccc;
  -moz-box-shadow: 0 1px 6px #ccc;
  -ms-box-shadow: 0 1px 6px #ccc;
  -o-box-shadow: 0 1px 6px #ccc;
  box-shadow: 0 1px 6px #ccc;
  padding: 50px 0;
  box-sizing: border-box;
  position: relative
}

.noti-container .pageloading {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 2000;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, .5)
}

.noti-message-null {
  text-align: center;
  font-size: 30px;
  color: #ccc;
  line-height: 180px;
  display: none
}

.noti-message-null.active {
  display: block
}

.noti-bell {
  background: url(https://assets-cdn.shimo.im/assets/images/bell-fa76f3d9da.png);
  background-size: 30px 30px;
  position: relative;
  top: 4px;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 8px
}

.noti-ul .m-li {
  padding: 15px 100px
}

.noti-ul .m-li.unread .m-title {
  font-weight: 700;
  color: #000
}

.noti-ul .m-content-box {
  width: calc(100% - 30px)
}

.noti-ul .m-span-inner {
  color: #999
}

.noti-ul .m-time {
  right: 100px
}

.noti-config {
  font-size: 14px;
  position: relative;
  padding: 0 84px;
  margin-bottom: 30px
}

.noti-config-title {
  height: 12px;
  line-height: 12px;
  font-weight: 700;
  position: relative;
  padding-left: 27px;
  font-size: 12px;
  color: #333
}

.noti-config-title .hicon {
  left: 0;
  top: 0;
  position: absolute;
  margin-right: 10px;
  font-weight: 400;
  vertical-align: top
}

.noti-config-title .icon-desktop {
  top: 1px
}

.noti-config-info {
  color: #ababab;
  margin-top: 15px;
  height: 12px;
  font-size: 12px;
  line-height: 22px;
  padding-left: 27px
}

.noti-config-switch {
  position: absolute;
  right: 100px;
  top: -5px
}

.share-btn-wrap {
  position: relative
}

.doc-link-input-box.closed {
  opacity: .5
}

.doc-link-input-box.closed:before {
  display: block
}

.dialog {
  background: #fafafa;
  box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
  border-radius: 2px;
  font-size: 14px;
  color: #7d7d7d
}

.dialog-head {
  position: relative
}

.dialog-close-btn {
  position: absolute;
  right: 12px;
  top: 8px
}

.dialog-wechat-box,
.mem-list {
  position: relative
}

.mem-list {
  height: 406px
}

.search-list {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0
}

.search-list .ui-list {
  height: 319px;
  overflow: auto
}

.dialog-wrap .result-list {
  position: absolute;
  height: 100%;
  width: 50%;
  right: 0;
  top: 0;
  overflow-y: auto
}

.dialog-wrap .result-list,
.dialog-wrap .search-list {
  width: 50%
}

.ui-list {
  line-height: 24px;
  text-align: left
}

.ui-list-head {
  text-indent: 20px;
  background: -webkit-linear-gradient(top, #dcddde, #ecedee)
}

.img-wrap {
  background-color: transparent!important;
  width: 24px;
  height: 24px
}

.row-user-name {
  width: 64px;
  margin: 0 12px
}

.search-wrap {
  width: 100%;
  height: 51px;
  padding: 8px;
  box-sizing: border-box
}

.search-res-row {
  padding: 6px 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.dialog-foot {
  padding: 11px 16px;
  padding-bottom: 30px;
  height: 32px
}

.share-user-avatar {
  border-radius: 50%
}

.search-input {
  height: 100%;
  text-indent: 8px
}

.search-input:focus {
  outline: 0;
  border-color: #a6a6a6!important;
  color: #333
}

.search-input:hover {
  border-color: #ccc
}

.share-user-li:hover .share-user-identity.share-show-remove {
  display: none
}

.sheet-share-dropdown {
  z-index: 2000!important
}

.btn {
  margin: 0;
  box-shadow: none;
  box-sizing: content-box;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif
}

.btn-inner:hover {
  background: none
}

.doc-link-qr,
.doc-link-wb {
  margin: 0
}

.search-input {
  height: 32px;
  line-height: 20px;
  padding: 5px 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 12px;
  width: 100%;
  box-sizing: border-box;
  text-indent: 0
}

.search-input::-moz-placeholder {
  color: #a5a5a5
}

.search-input::-webkit-input-placeholder {
  color: #a5a5a5
}

.search-input:-ms-input-placeholder {
  color: #a5a5a5
}

.sheet-share-dropdown {
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  -o-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  z-index: 101;
  position: absolute;
  top: 36px;
  right: -6px;
  font-size: 14px;
  background-color: #fff
}

.sheet-share-dropdown.active {
  display: block
}

.sheet-share-dropdown:after,
.sheet-share-dropdown:before {
  display: block;
  content: " ";
  position: absolute;
  left: auto;
  right: 23px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
  margin-left: 2px
}

.sheet-share-dropdown:before {
  top: -8px;
  border-width: 7px;
  border-bottom-color: #f0f0f0
}

.sheet-share-dropdown:after {
  top: -7px;
  border-width: 7px;
  border-bottom-color: #fff
}

.btn.doc-link-qr,
.btn.doc-link-wb {
  border: 1px solid #c3c4c6;
  box-sizing: border-box;
  padding: 0
}

.btn.doc-link-qr:hover,
.btn.doc-link-wb:hover {
  border: 1px solid #858f99;
  color: #41464b
}

.btn.doc-link-qr {
  border-radius: 2px;
  margin: 0
}

.btn.doc-link-qr:hover {
  width: 34px
}

.btn.doc-link-wb {
  border-radius: 0 2px 2px 0
}

.btn.s-link-wb {
  pointer-events: none
}

.permission-item {
  color: #333
}

.dialog-wrap .dialog {
  background: #fafafa
}

.dialog-wrap .dialog-foot {
  padding-left: 40px;
  padding-right: 40px
}

.dialog-wrap .dialog-foot .teamworker-btn.invite-link {
  float: left
}

.dialog-wrap .dialog-foot .teamworker-btn {
  float: right
}

.dialog-wrap .dialog-foot .teamworker-btn.add-cancel {
  margin-right: 18px
}

.dialog-wrap .dialog-foot .invite-link-popup {
  left: 0;
  bottom: 15px
}

.dialog-wrap .dialog-head {
  position: relative;
  padding: 30px 40px 10px;
  text-indent: 0;
  line-height: 1em;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 16px;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-bottom: transparent
}

.dialog-wrap .dialog-close-btn {
  position: absolute;
  padding: 10px;
  top: 20px;
  right: 30px;
  cursor: pointer
}

.dialog-wrap .dialog-close-btn:active {
  color: #333
}

.teamworker-btn.btn-ok {
  margin-left: 18px
}

.dialog-wrap .teamworker-btn.btn-ok {
  margin-left: 0
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.teamworker-sharelist-inner .dialog {
  width: 480px
}

.teamworker-inner {
  position: fixed;
  width: 656px;
  top: -5%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 497px;
  background: #fafafa;
  box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px
}

.teamworker-inner.sharelist-dialog {
  width: 556px
}

.teamworker-inner.sharelist-dialog .teamworker-title {
  text-indent: 20px
}

.teamworker-title {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  background: #f8f8f8;
  box-shadow: 0 1px 4px #ccc;
  text-indent: 12px
}

.teamworker-content {
  overflow: auto;
  height: 288px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.share-menu-content {
  overflow: hidden
}

.teamworker-content-left,
.teamworker-content-right {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0
}

.teamworker-content-right {
  background: #f0f0f0;
  right: 0;
  overflow: auto
}

.teamworker-content-left {
  background: #fff;
  left: 0
}

.teamworker-list-shadow {
  position: absolute;
  width: 328px;
  bottom: 52px;
  left: 0;
  height: 9px;
  background: url("https://assets-cdn.shimo.im/assets/images/teamworker_shadow-cc51b37ae4.png");
  background-size: 328px 8.4px;
  display: none
}

.sharelist-content-shadow {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 50px;
  height: 14px;
  background: url("https://assets-cdn.shimo.im/assets/images/teamworker_shadow-cc51b37ae4.png");
  background-repeat: no-repeat;
  background-size: 556px 14px;
  display: none
}

.user-not-found {
  position: absolute;
  width: 328px;
  height: 20px;
  line-height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  display: none
}

.teamworker-footer {
  padding: 11px 16px;
  height: 32px
}

.teamworker-btn {
  height: 30px;
  line-height: 30px;
  float: right;
  cursor: pointer;
  margin-left: 18px;
  font-size: 12px;
  padding: 0 30px
}

.teamworker-btn.btn {
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px
}

.teamworker-btn.invite-link {
  margin-left: 0
}

.teamworker-btn.disable {
  opacity: .5
}

.teamworker-btn.small {
  width: 80px
}

.teamworker-btn.white {
  box-sizing: border-box;
  border: 1px solid #cbcbcb;
  background: #fff;
  color: #898989
}

.teamworker-btn.invite-link {
  float: left
}

.share-li-title {
  background: -moz-linear-gradient(top, #dcddde, #ecedee);
  background: -webkit-linear-gradient(top, #dcddde, #ecedee);
  background: -o-linear-gradient(top, #dcddde, #ecedee);
  background: -ms-linear-gradient(top, #dcddde, #ecedee);
  height: 20px;
  line-height: 20px;
  text-indent: 20px;
  font-size: 12px
}

.share-li-title.invite-title {
  background: transparent;
  margin-top: 12px;
  color: #333;
  font-weight: 700
}

.no-grand {
  height: 0;
  margin-top: 18px;
  overflow: hidden
}

.share-user-li {
  padding: 6px 48px 6px 24px;
  height: 24px;
  line-height: 24px;
  color: #898989;
  position: relative;
  font-size: 12px
}

.share-user-li.teamworker-sharelist-user-li {
  padding: 6px 40px
}

.share-user-li:hover {
  background: #f3f3f3
}

.share-user-li:hover .user-normal,
.share-user-li:hover .user-self,
.share-user-li:hover .user-wait-confirm {
  display: none
}

.share-user-li.grand-li:hover .user-normal,
.share-user-li.grand-li:hover .user-self,
.share-user-li.grand-li:hover .user-wait-confirm,
.share-user-li:hover .share-user-remove {
  display: block
}

.share-user-li.has-drop {
  z-index: 99
}

.share-user-avatar {
  width: 24px;
  height: 100%;
  position: relative;
  display: inline-block;
  float: left
}

.share-user-avatar img {
  height: 100%;
  width: 100%;
  border-radius: 50%
}

.share-user-name {
  width: 116px;
  height: 100%;
  float: left;
  margin: 0 48px 0 12px;
  color: #333
}

.share-user-name.teamworker-sharelist-user-name {
  width: 23%;
  margin-right: 10px;
  margin-left: 10px
}

.team-role-select {
  position: absolute;
  right: 50px;
  margin-top: -2px
}

.role-select-btn {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  width: 76px;
  pointer-events: none
}

.role-select-btn.dropdown-btn {
  pointer-events: auto
}

.role-select-btn.active {
  width: 74px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #d6d6d6;
  border-radius: 2px
}

.role-select-btn.active .role-title {
  color: #666
}

.role-select-btn.active .select-btn-icon {
  margin-right: 10px;
  margin-top: 3px;
  background-position: -427px -60px
}

.role-select-btn.active .role-title {
  padding: 7px 0;
  margin-left: 11px
}

.role-title {
  float: left;
  margin-left: 12px;
  font-size: 12px;
  color: #898989;
  line-height: 1;
  padding: 8px 0
}

.select-btn-icon {
  display: inline-block;
  float: right;
  width: 5px;
  height: 20px;
  margin-top: 4px;
  margin-right: 11px;
  margin-left: 9px;
  background-position: -427px -20px
}

.role-dropdown-wrap {
  position: absolute;
  display: none;
  width: 95px;
  margin-left: -11px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc
}

.role-dropdown-wrap.active {
  display: block
}

.role-dropdown-wrap .trangle .down,
.role-dropdown-wrap .trangle .top {
  left: 50%;
  margin-left: -7px
}

.role-dropdown-wrap.is-dropup {
  bottom: 46px
}

.role-dropdown-wrap.is-dropup .trangle .down,
.role-dropdown-wrap.is-dropup .trangle .top {
  border-top: 7px solid #fff;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none
}

.role-dropdown-wrap.is-dropup .trangle .top {
  top: auto;
  bottom: -8px;
  border-top: 7px solid hsla(0, 0%, 53%, .2)
}

.role-dropdown-wrap.is-dropup .trangle .down {
  top: auto;
  bottom: -7px
}

.team-role-item {
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  padding-left: 24px;
  color: #898989
}

.team-role-item:hover {
  background-color: #f5f5f5;
  color: #666
}

.team-role-item:hover .select-role-icon {
  background-position: -380px -60px
}

.team-role-item.checked .select-role-icon {
  display: inline-block
}

.team-role-separator {
  height: 0;
  width: 48px;
  border-bottom: 1px solid #d2d2d2;
  margin-left: 24px
}

.select-role-icon {
  position: relative;
  display: none;
  float: right;
  width: 20px;
  height: 20px;
  margin-right: 11px;
  margin-top: 6px;
  background-position: -380px -20px
}

.share-user-email {
  float: left;
  width: 206px;
  color: #666
}

.share-user-email.teamworker-sharelist-user-email {
  width: 45%;
  margin-right: 10px
}

.team-user-email {
  width: 200px
}

.teamworker-user-li {
  padding: 6px 20px
}

.search-list .teamworker-user-li {
  padding-left: 40px
}

.result-list .teamworker-user-li {
  padding-right: 40px
}

.result-list .operation-icon.is-remove {
  right: 40px
}

.teamworker-user-name {
  width: 23%;
  margin: 0 12px
}

.teamworker-user-email {
  width: 45%
}

.search-user-list,
.teamworker-user-list {
  height: 346px;
  overflow: auto
}

.teamworker-nobody-info {
  display: table-cell;
  width: 328px;
  height: inherit;
  vertical-align: middle;
  text-align: center
}

.teamworker-nobody-text {
  display: block;
  color: #9b9b9b;
  font-size: 12px;
  line-height: 1.6;
  margin-left: auto;
  margin-right: auto
}

.teamworker-nobody-text strong {
  color: #818181
}

.operation-icon {
  position: absolute;
  right: 20px;
  top: 9px;
  width: 17px;
  height: 17px;
  z-index: 1;
  background-position: -11px -92px;
  cursor: pointer
}

.operation-icon:hover {
  background-position: -31px -92px
}

.operation-icon.is-shared {
  background-position: -51px -72px;
  cursor: default
}

.operation-icon.is-checked {
  background-position: -11px -72px
}

.operation-icon.is-checked:hover {
  background-position: -31px -72px
}

.operation-icon.is-remove {
  background-position: -11px -52px;
  right: 30px
}

.operation-icon.is-remove:hover {
  background-position: -31px -52px
}

.operation-icon.is-disable {
  opacity: .5;
  pointer-events: none
}

.share-status {
  display: none;
  float: right
}

.share-user-identity {
  display: block;
  color: #888
}

.share-user-remove {
  position: absolute;
  right: 40px;
  top: 9px;
  width: 17px;
  height: 17px;
  z-index: 1;
  background-position: -31px -52px;
  cursor: pointer
}

.search-wrap.teamworker-input-box {
  position: relative;
  padding-top: 14px;
  padding-left: 40px;
  box-sizing: border-box
}

.teamworker-input {
  height: 32px;
  line-height: 20px;
  padding: 5px 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box
}

.teamworker-input-clear {
  position: absolute;
  top: 41px;
  right: 16px;
  font-size: 14px;
  margin-top: -23px;
  margin-right: 5px;
  display: none
}

.teamworker-input-clear .icon-delete {
  color: #d5d5d5
}

.teamworker-input-clear:hover .icon-delete {
  color: #bfbfbf
}

#teamworker-setting {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, .3);
  color: #7d7d7d;
  z-index: 999;
  cursor: default
}

#teamworker-setting .on-send {
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #e8ecf1!important;
  color: #666;
  font-size: 12px
}

.invite-link-popup {
  background-color: #fff;
  position: absolute;
  bottom: 55px;
  left: 16px;
  width: 172px;
  height: 242px;
  text-align: center;
  box-shadow: 0 1px 6px #ccc
}

.invite-link-popup p {
  text-align: center;
  padding: 16px 0;
  font-size: 14px;
  color: #666
}

.invite-link-popup img {
  width: 114px;
  height: 114px
}

.invite-link-popup .arrow-down .down,
.invite-link-popup .arrow-down .top {
  left: 75px
}

.userlist-legend {
  border-bottom: 1px solid #dfdfdf;
  margin: 25px 40px 4px;
  height: 22px
}

.userlist-legend:first-child {
  margin-top: 20px
}

.userlist-legend-label {
  color: #333;
  font-size: 12px;
  line-height: 1;
  float: left
}

.contact-list-switcher {
  margin: 5px 10px 5px 40px
}

.transfer-admin {
  top: 0;
  background: rgba(0, 0, 0, .3);
  z-index: 999;
  cursor: default;
  display: none
}

.transfer-admin,
.transfer-box {
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed
}

.transfer-box {
  width: 380px;
  top: -5%;
  margin: auto;
  height: 370px;
  background: #fafafa;
  box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px
}

.transfer-header {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  text-indent: 20px;
  color: #666;
  background: #f7f9fb;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: 1px solid #dadada;
  box-shadow: 0 1px 4px #ddd;
  background: -moz-linear-gradient(top, #fafafa, #f8f8f8);
  background: -webkit-linear-gradient(top, #fafafa, #f8f8f8);
  background: -o-linear-gradient(top, #fafafa, #f8f8f8);
  background: -ms-linear-gradient(top, #fafafa, #f8f8f8);
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  background: #f8f8f8;
  box-shadow: 0 1px 4px #ccc;
  text-indent: 12px
}

.transfer-close {
  position: absolute;
  top: 0;
  right: 20px;
  margin-top: -1px;
  cursor: pointer;
  text-indent: 0
}

.transfer-btn {
  padding: 0 30px;
  height: 30px;
  line-height: 30px;
  float: right;
  margin-left: 12px
}

.transfer-btn.disable {
  cursor: default
}

.transfer-input-box {
  padding: 12px;
  width: auto
}

.transfer-input {
  height: 32px;
  line-height: 20px;
  padding: 5px 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 100%;
  outline: none;
  box-sizing: border-box
}

.transfer-footer {
  padding: 11px 16px;
  height: 32px
}

.transfer-content {
  height: 219px;
  position: relative
}

.transfer-content-title {
  background: -moz-linear-gradient(top, #dcddde, #ecedee);
  background: -webkit-linear-gradient(top, #dcddde, #ecedee);
  background: -o-linear-gradient(top, #dcddde, #ecedee);
  background: -ms-linear-gradient(top, #dcddde, #ecedee);
  height: 20px;
  line-height: 20px;
  text-indent: 20px;
  font-size: 12px;
  color: #7d7d7d
}

.transfer-content-list {
  height: 199px;
  overflow: auto
}

.transfer-list-item {
  padding: 6px 20px;
  height: 24px;
  line-height: 24px;
  color: #898989;
  position: relative;
  font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.transfer-list-item:hover {
  background: #f3f3f3
}

.transfer-item-avatar {
  width: 24px;
  height: 24px;
  float: left;
  border-radius: 50%
}

.transfer-item-username {
  margin: 0 12px;
  float: left;
  width: 64px
}

.transfer-item-email {
  float: left;
  width: 200px
}

.transfer-item-icon {
  float: right;
  width: 17px;
  height: 17px;
  margin-top: 4px;
  cursor: pointer;
  background-position: -11px -92px
}

.transfer-item-icon:hover {
  background-position: -31px -92px
}

.is-checked .transfer-item-icon {
  background-position: -11px -72px
}

.is-checked .transfer-item-icon:hover {
  background-position: -31px -72px
}

.transfer-no-result {
  font-size: 12px;
  color: #898989;
  right: 0;
  top: 0;
  z-index: 10;
  line-height: 194px;
  text-align: center;
  background: #fafafa
}

.transfer-content-shadow,
.transfer-no-result {
  position: absolute;
  left: 0;
  bottom: 0;
  display: none
}

.transfer-content-shadow {
  width: 380px;
  height: 10px;
  background: url("https://assets-cdn.shimo.im/assets/images/teamworker_shadow-cc51b37ae4.png");
  background-size: 380px 9.7px
}

.transfer-body {
  position: relative
}

#react-app {
  width: 100%;
  height: 100%
}

.doc-share-icon {
  background-image: url("https://assets-cdn.shimo.im/assets/images/share_link-8092fe6d8d.png");
  background-repeat: no-repeat;
  background-size: 124px 141px
}

.permission-item {
  margin: 10px 0;
  line-height: 16px;
  font-size: 12px
}

.permission-item.active .permission-check-item {
  background-position: -11px -112px
}

.permission-check-item {
  width: 17px;
  height: 17px;
  margin-right: 10px;
  margin-top: -1px;
  background-position: -11px -92px;
  display: inline-block;
  vertical-align: middle
}

.permission-item-1 {
  float: left;
  margin-right: 30px
}

.content-wrap {
  overflow: auto;
  max-height: calc(100% - 51px)
}

.content-wrap .add-btn {
  position: absolute;
  line-height: 30px;
  border-radius: 2px;
  padding: 0 20px;
  background: #41464b;
  color: #fff;
  top: 32px;
  right: 50px;
  font-size: 14px;
  cursor: pointer
}

.content-wrap .crumb-list {
  width: 816px;
  padding: 15px 0;
  margin: 0 auto
}

.content-wrap .no-crumb {
  font-size: 14px;
  color: #888
}

.content-wrap .container {
  position: relative;
  margin: 0 auto;
  padding: 30px 40px;
  width: 816px;
  min-height: 800px;
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0 1px 6px #ccc;
  box-sizing: border-box
}

.content-wrap .tab-nav {
  border-bottom: 1px solid #ddd;
  margin-bottom: 16px
}

.content-wrap .tab-nav a {
  display: inline-block;
  margin-right: 36px;
  padding: 10px 5px 14px;
  margin-bottom: -1px;
  font-size: 14px;
  line-height: 14px;
  color: #999
}

.content-wrap .tab-nav a.active,
.content-wrap .tab-nav a:hover {
  color: #333;
  border-bottom: 2px solid #41464b
}

.enterprise-dialog .dialog-title {
  font-size: 16px;
  font-weight: 700;
  color: #333
}

.enterprise-dialog .dialog-foot:empty {
  padding-top: 0;
  height: 1px
}

.enterprise-dialog .dialog-body {
  padding-top: 10px;
  padding-bottom: 0
}

.modal-overlay,
.shimo-modal-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .6)
}

.modal-overlay .sm-form-control.invitation-link-input,
.shimo-modal-overlay .sm-form-control.invitation-link-input {
  width: 352px;
  height: 32px
}

.modal-overlay .invitation-link-desc,
.shimo-modal-overlay .invitation-link-desc {
  margin-bottom: 58px
}

.modal-overlay .permission-item,
.shimo-modal-overlay .permission-item {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  font-size: 14px;
  padding-left: 30px;
  line-height: 1.7;
  height: auto;
  margin-top: 0;
  margin-bottom: 12px;
  opacity: 1
}

.modal-overlay .permission-item:last-child,
.shimo-modal-overlay .permission-item:last-child {
  margin-bottom: -4px
}

.modal-overlay .permission-item .permission-check-item,
.shimo-modal-overlay .permission-item .permission-check-item {
  position: absolute;
  top: 5px;
  left: 0
}

.modal-overlay .permission-item .permission-item-1,
.shimo-modal-overlay .permission-item .permission-item-1 {
  float: none
}

.modal-overlay .permission-item.disabled,
.shimo-modal-overlay .permission-item.disabled {
  opacity: .5;
  cursor: not-allowed
}

.outter-file-list {
  height: 300px;
  width: 600px;
  overflow-y: auto
}

.outter-item {
  padding: 0 40px;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  vertical-align: middle
}

.outter-item img {
  width: 14px;
  height: 14px;
  margin: 6px 10px 0 0;
  float: left
}

.outter-item .name {
  max-width: 230px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden
}

.outter-item .red {
  display: none;
  float: right;
  cursor: pointer;
  color: #ba3636
}

.outter-item:hover {
  background: #f1f1f1
}

.outter-item:hover .red {
  display: block
}

.enterprise {
  font-size: 12px
}

.enterprise .dropdown {
  position: relative
}

.enterprise .dropdown.disabled .dropdown-toggle,
.enterprise .dropdown.disabled .dropdown-toggle:hover {
  border-color: transparent;
  font-weight: 400
}

.enterprise .dropdown.disabled .dropdown-menu {
  display: none
}

.enterprise .dropdown-toggle {
  cursor: pointer;
  height: 27px;
  line-height: 25px;
  padding: 0 2px
}

.enterprise .dropdown-toggle-trangle {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 3px;
  background: url("https://assets-cdn.shimo.im/assets/images/trangle-25a6b9957c.png") no-repeat;
  background-size: 5px 3px
}

.enterprise .dropdown.disabled .dropdown-toggle {
  cursor: text
}

.enterprise .dropdown.disabled .dropdown-toggle-trangle {
  visibility: hidden
}

.enterprise .dropdown-toggle:hover,
.enterprise .open .dropdown-toggle {
  border: 1px solid #ccc;
  height: 34px;
  line-height: 34px;
  padding: 0 14px;
  color: #41464b;
  font-weight: 700
}

.enterprise .dropdown-menu {
  visibility: hidden;
  position: absolute;
  top: 100%;
  margin-top: 10px;
  z-index: 9999;
  width: auto;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  box-shadow: 0 3px 4px hsla(0, 0%, 53%, .4);
  text-align: left
}

.enterprise .open .dropdown-menu {
  visibility: visible
}

.enterprise .dropdown-item {
  cursor: pointer;
  display: block;
  white-space: nowrap
}

.enterprise .dropdown-divider {
  height: 1px;
  margin: 4px 15px;
  overflow: hidden;
  background-color: #e5e5e5
}

.enterprise .destroy-enterprise-input {
  margin-top: -5px
}

.enterprise .modal {
  position: absolute;
  z-index: 1001;
  top: 30%;
  left: 50%;
  margin-left: -210px;
  width: 340px;
  min-height: 150px;
  background-color: #fafafa;
  padding: 30px 40px;
  border-radius: 3px;
  color: #666
}

.enterprise .modal-header {
  font-size: 16px;
  font-weight: 700;
  height: 24px;
  color: #333;
  margin-bottom: 24px
}

.enterprise .modal-content {
  font-size: 14px;
  color: #666;
  min-height: 52px;
  margin-bottom: 30px
}

.enterprise .modal-content-paragraph {
  list-style: disc;
  margin-bottom: 20px;
  margin-left: 16px
}

.enterprise .modal-desc {
  font-size: 12px;
  line-height: 1.7;
  background: #f7f7f7;
  border: 1px solid #f0f0f0;
  padding: 12px 14px;
  margin-bottom: 14px
}

.enterprise .modal-actions {
  text-align: right
}

.enterprise .modal-actions .btn {
  font-size: 14px
}

.enterprise .row {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #eee
}

.enterprise .row:last-child {
  border: 0 none
}

.enterprise .row .name {
  font-size: 14px;
  line-height: 14px;
  height: 14px;
  color: #333;
  font-weight: 700;
  margin-bottom: 8px
}

.enterprise .row .desc {
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  min-height: 1px;
  color: #888
}

.enterprise .row .action {
  font-size: 12px;
  line-height: 28px;
  color: #41464b
}

.enterprise .row .action:hover {
  color: #000
}

.enterprise .row .action.red {
  color: #cd4747
}

.enterprise .row .action.red:hover {
  color: #ba3636
}

.enterprise .row .action.btn {
  padding: 0 10px;
  min-width: 90px;
  line-height: 26px;
  height: 26px;
  color: #fff;
  background: #40454a;
  border: 1px solid #3a3e42;
  border-radius: 2px
}

.enterprise .member-filter-container .waterfall {
  overflow-y: inherit
}

.enterprise .member-filter {
  margin-bottom: 13px;
  padding-right: 10px
}

.enterprise .member-filter a {
  display: inline-block;
  padding: 0 20px;
  border: 1px solid #e5e5e5;
  line-height: 30px;
  font-size: 12px;
  color: #a5a5a5
}

.enterprise .member-filter a:hover {
  background-color: #f5f5f5
}

.enterprise .member-filter a.active {
  color: #000
}

.enterprise .member-filter a:first-of-type {
  border-right-width: 0
}

.enterprise .member-filter a:first-of-type:last-of-type {
  border-right-width: 1px
}

.enterprise .member-filter a:last-of-type {
  border-left-width: 0
}

.enterprise .member-filter a:last-of-type:first-of-type {
  border-left-width: 1px
}

.enterprise .member-filter .search-input {
  border-color: #e5e5e5;
  font-size: 12px
}

.enterprise .member-filter .search {
  float: right;
  position: relative
}

.enterprise .member-filter .search .clearInput {
  position: absolute;
  right: 8px;
  top: 50%;
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/open-app-hide-4dee3019ed.png");
  background-size: contain;
  transform: translateY(-50%);
  cursor: pointer
}

.enterprise .member-add {
  cursor: pointer;
  line-height: 29px;
  width: 110px;
  padding-top: 13px;
  opacity: .8
}

.enterprise .member-add:hover {
  opacity: 1
}

.enterprise .mermber-add-icon {
  background: url("https://assets-cdn.shimo.im/assets/images/member-add-0c470e2d5b.png") no-repeat;
  background-size: 29px 29px;
  display: inline-block;
  width: 29px;
  height: 29px;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  top: -1px
}

.enterprise .member-desc {
  background: #f7f7f7;
  border: 1px solid #f0f0f0;
  padding: 15px 20px;
  color: #999;
  position: relative;
  line-height: 1em
}

.enterprise .member-desc-trangle {
  position: absolute;
  top: -15px
}

.enterprise .member-desc-trangle:after,
.enterprise .member-desc-trangle:before {
  position: absolute;
  content: " ";
  z-index: 10;
  width: 0;
  height: 0;
  top: -1px;
  border: 8px solid transparent;
  border-bottom-color: #f0f0f0
}

.enterprise .member-desc-trangle:after {
  border-bottom-color: #f7f7f7;
  top: 0
}

.enterprise .disabled-member-desc:after,
.enterprise .disabled-member-desc:before {
  left: 303px
}

.enterprise .member-row {
  position: relative;
  padding: 11px 0;
  min-height: 33px;
  font-size: 12px;
  display: flex;
  align-items: center
}

.enterprise .member-row:nth-child(n+2) {
  border-top: 1px solid #eee
}

.enterprise .member-row .avatar {
  width: 28px;
  height: 28px;
  margin-right: 15px;
  border-radius: 14px
}

.enterprise .member-row .name-container {
  width: 16em
}

.enterprise .member-row .name-container img {
  height: 15px;
  vertical-align: middle
}

.enterprise .member-row .name {
  font-size: 12px;
  margin-right: 8px;
  position: relative;
  display: inline-block
}

.enterprise .member-row .email {
  color: #a5a5a5
}

.enterprise .member-row .action {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -18px;
  color: #41464b
}

.enterprise .member-row .dropdown-menu {
  padding: 10px 0;
  line-height: 2
}

.enterprise .member-row .dropdown-menu:after,
.enterprise .member-row .dropdown-menu:before {
  position: absolute;
  content: " ";
  z-index: 10;
  width: 0;
  height: 0;
  top: -16px;
  margin-left: -8px;
  left: 50%;
  border: 8px solid transparent;
  border-bottom-color: #ededed
}

.enterprise .member-row .dropdown-menu:after {
  border-bottom-color: #fff;
  top: -15px
}

.enterprise .member-row .dropdown-menu .red {
  color: #ba3636
}

.enterprise .member-row .dropdown-item {
  padding: 0 20px;
  line-height: 30px
}

.enterprise .member-row .dropdown-item:hover {
  background: #f7f7f7
}

.enterprise .member-row .dropdown-toggle {
  cursor: pointer;
  height: 27px;
  width: 8em;
  text-align: center;
  line-height: 27px;
  padding: 0 2px;
  color: #6da0e3;
  border: 1px solid #e5e5e5
}

.enterprise .settings .creator-only {
  display: none
}

.enterprise .settings.creator .creator-only {
  display: block
}

.enterprise .settings .action {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -22px
}

.enterprise .settings.member .action {
  display: none
}

.enterprise .settings .action.show {
  display: block
}

.enterprise .billings .status-banner {
  background: #fff7c5;
  height: 45px;
  text-align: center;
  font-size: 12px;
  color: #666;
  line-height: 45px
}

.enterprise .billings .status-banner .link {
  color: #4a90e2;
  text-decoration: none;
  cursor: pointer
}

.enterprise .billings .status-banner.red {
  background: #e95555;
  color: #fff
}

.enterprise .billings .balance {
  width: 280px;
  float: left;
  margin-bottom: 25px
}

.enterprise .billings .status-row {
  position: relative
}

.enterprise .billings .balance-row,
.enterprise .billings .status-row {
  margin-bottom: 15px;
  color: #999;
  font-size: 14px;
  line-height: 30px
}

.enterprise .billings .balance-row .label,
.enterprise .billings .status-row .label {
  display: inline-block;
  width: 110px;
  padding-left: 20px;
  vertical-align: middle
}

.enterprise .billings .balance-row .amount,
.enterprise .billings .status-row .amount {
  color: #333;
  font-size: 18px;
  margin-right: 12px
}

.enterprise .billings .balance-row .value,
.enterprise .billings .status-row .value {
  color: #333;
  font-size: 16px;
  display: inline-block;
  vertial-align: middle
}

.enterprise .billings .balance-row .value.red,
.enterprise .billings .status-row .value.red {
  color: #e95555
}

.enterprise .billings .balance-row .buttons,
.enterprise .billings .status-row .buttons {
  position: absolute;
  left: 269px;
  top: 0
}

.enterprise .billings .balance-row .buttons .btn,
.enterprise .billings .status-row .buttons .btn {
  padding: 0;
  width: 90px;
  margin-left: 10px
}

.enterprise .billings .balance-row .buttons .btn.first,
.enterprise .billings .status-row .buttons .btn.first {
  margin-left: 0
}

.enterprise .billings .balance-row .invoice,
.enterprise .billings .status-row .invoice {
  margin-left: 90px;
  display: inline-block;
  font-size: 14px;
  margin-left: 52px
}

.enterprise .billings .order-list {
  border-collapse: collapse;
  width: 100%
}

.enterprise .billings .order-list thead {
  background-color: #f5f5f5
}

.enterprise .billings .order-list tr {
  height: 38px;
  line-height: 38px;
  text-align: left
}

.enterprise .billings .order-list th {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  padding-left: 20px;
  white-space: nowrap
}

.enterprise .billings .order-list td {
  color: #333;
  font-size: 12px;
  padding-left: 20px
}

.enterprise .billings .order-list .text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100px;
  overflow: hidden
}

.enterprise .billings .order-list .empty {
  padding: 20px 0;
  text-align: center
}

.enterprise .transfer-team .ui-list {
  max-height: 300px;
  overflow-y: auto;
  margin: 0 -40px
}

.enterprise .transfer-team .invitation-user-li {
  padding-left: 40px;
  padding-right: 40px
}

.enterprise .transfer-team .operation-icon {
  right: 40px
}

.enterprise .transfer-team .modal-actions span {
  margin-right: 20px;
  color: #999
}

.enterprise-inner {
  margin-left: calc(100vw - 100%)
}

.tel {
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-block;
  padding: 0 20px;
  margin-right: 14px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
  background: url("https://assets-cdn.shimo.im/assets/images/phone-3eb13e8628.png") 0 no-repeat
}

.tel-detail {
  float: right;
  margin-left: 5px
}

.tel-detail .tel-detail-number,
.tel-detail .tel-detail-time {
  display: block;
  line-height: 1
}

.tel-detail .tel-detail-time {
  font-size: 12px;
  transform: scale(.8);
  color: #b6b6b6;
  margin-top: 3px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .tel {
      background: url("https://assets-cdn.shimo.im/assets/images/phone_2x-c6b7b908a9.png") 0 no-repeat;
      background-size: 14px 14px
  }
}

.enterprise-list-empty {
  position: absolute;
  top: 45%;
  width: 736px;
  text-align: center
}

.enterprise-list-empty-icon {
  display: block;
  height: 56px;
  width: 54px;
  margin-left: auto;
  margin-right: auto;
  background: url("https://assets-cdn.shimo.im/assets/images/none_item-44b7b1d4ea.png") no-repeat;
  background-size: 108px 172px;
  background-position: 0 0
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .enterprise-list-empty-icon {
      background: url("https://assets-cdn.shimo.im/assets/images/none_item-44b7b1d4ea.png") no-repeat;
      background-size: 54px 86px;
      background-position: 0 -30px;
      height: 56px;
      width: 54px
  }
}

.enterprise-list-empty-info {
  line-height: 14px;
  font-size: 14px;
  line-height: 1em;
  padding-top: 14px;
  color: #dbdbdb;
  display: inline-block
}

.dialog-close-btn {
  cursor: pointer;
  padding: 10px;
  top: 25px;
  right: 30px
}

.billing-form .form-header {
  font-size: 12px;
  line-height: 14px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5
}

.billing-form .form-group {
  position: relative;
  padding-left: 85px;
  margin-bottom: 10px
}

.billing-form .form-group textarea {
  resize: vertical;
  height: 68px
}

.billing-form label {
  position: absolute;
  left: 0;
  font-size: 12px;
  font-weight: 500;
  color: #666;
  line-height: 34px
}

.billing-form .required label:after {
  content: "*";
  color: #e95555;
  margin-left: 2px
}

.dialog-close-icon {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 36px;
  right: 40px;
  width: 10px;
  height: 10px;
  background-image: url();
  background-size: 10px 10px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .dialog-close-icon {
      background-image: url()
  }
}

.dialog-close-icon:hover {
  background-image: url();
  background-size: 10px 10px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .dialog-close-icon:hover {
      background-image: url()
  }
}

.membersInfoSearch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px
}

.membersInfoSearch span {
  vertical-align: middle
}

.membersInfoSearch .buy-btn {
  margin-right: 1em
}

.membersInfoSearch .buy-btn,
.purchase .purchase-seatTips .count {
  color: #6da0e3;
  cursor: pointer
}

.purchase-recentMembers {
  width: 600px
}

.purchase-recentMembers .dialog {
  width: 100%
}

.recentMembersList .bottom {
  overflow: hidden
}

.recentMembersList .submit-button {
  width: 100px;
  float: right
}

.recentMembersList .row {
  display: flex;
  border-bottom: 0
}

.recentMembersList .avatarAndName {
  width: 14em
}

.recentMembersList .avatarAndName div {
  display: inline-block
}

.recentMembersList .avatarAndName .avatar {
  width: 28px;
  height: 28px;
  vertical-align: middle;
  margin-right: 1em
}

.recentMembersList .avatarAndName .name {
  vertical-align: middle;
  width: 118px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.recentMembersList .email {
  flex: 2
}

.recentMembersList .member-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 12px
}

.recentMembersList .member-header .header-name {
  width: 14em
}

.seatTipsTrigger {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  border-color: red;
  margin: 0 10px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/question_mark_2x-db3a70fdb1.png");
  background-size: contain;
  cursor: pointer;
  position: relative
}

.seatTips {
  position: absolute;
  width: 260px;
  border: 1px solid #e5e5e5;
  background: #fff;
  z-index: 100;
  left: 200%;
  transform: translateY(-20px);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2)
}

.seatTips .title {
  padding: 10px;
  border-bottom: 1px solid #e5e5e5
}

.seatTips .content {
  padding: 12px 12px 20px;
  color: #666
}

.seatTips:before {
  z-index: 100;
  transform: translateX(-14px) rotate(-90deg);
  border-bottom: 12px solid #ddd
}

.seatTips:after,
.seatTips:before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 20px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent
}

.seatTips:after {
  z-index: 101;
  transform: translateX(-13px) rotate(-90deg);
  border-bottom: 12px solid #fff
}

body>.alert {
  position: fixed;
  text-align: center;
  top: 57px;
  left: 0;
  right: 0;
  z-index: 2000;
  pointer-events: none
}

body>.alert.error {
  background: none
}

body>.alert.top {
  top: 7px
}

body>.alert.top .alert-wrap {
  max-width: none
}

body>.alert.tip {
  left: 50vw;
  margin-left: -620px;
  right: auto;
  top: auto;
  bottom: 20px
}

body>.alert.tip .alert-wrap {
  text-align: left;
  padding: 16px 30px 16px 16px;
  background: #fff;
  width: 160px
}

body>.alert.tip .alert-wrap .content {
  margin-top: 0
}

body>.alert .alert-wrap {
  max-width: 410px;
  display: inline-block;
  font-size: 13px;
  text-align: center;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 4px 0 hsla(0, 0%, 40%, .4);
  -moz-box-shadow: 0 1px 4px 0 hsla(0, 0%, 40%, .4);
  -ms-box-shadow: 0 1px 4px 0 hsla(0, 0%, 40%, .4);
  -o-box-shadow: 0 1px 4px 0 hsla(0, 0%, 40%, .4);
  box-shadow: 0 1px 4px 0 hsla(0, 0%, 40%, .4);
  z-index: 2000;
  background-color: #dde7f3;
  padding: 6px 52px;
  pointer-events: auto
}

body>.alert .alert-wrap .title {
  color: #333;
  font-size: 14px
}

body>.alert .alert-wrap .title .hicon {
  display: none
}

body>.alert .alert-wrap .content {
  margin-top: 10px;
  font-size: 12px;
  color: #666
}

body>.alert .alert-wrap .content,
body>.alert .alert-wrap .title {
  line-height: 22px;
  word-break: break-all
}

body>.alert .alert-wrap .content span.blue,
body>.alert .alert-wrap .title span.blue {
  color: #6886aa;
  padding-left: .2em;
  padding-right: .2em
}

body>.alert.error .alert-wrap {
  background-color: #f9dfdd
}

body>.alert.error .alert-wrap .title .hicon {
  display: inline;
  color: #ee7b70
}

@media screen and (max-width:1300px) {
  body>.alert.tip {
      left: 30px;
      margin-left: 0
  }
}

.flat-dialog-wrapper {
  display: none;
  position: fixed;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.flat-dialog-wrapper.active {
  display: block
}

.flat-dialog-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: hsla(0, 0%, 96%, .92)
}

.flat-dialog-content {
  background: #fff;
  width: 480px;
  height: 330px;
  -webkit-box-shadow: 0 2px 3px 0 hsla(0, 0%, 84%, .7);
  -moz-box-shadow: 0 2px 3px 0 hsla(0, 0%, 84%, .7);
  -ms-box-shadow: 0 2px 3px 0 hsla(0, 0%, 84%, .7);
  -o-box-shadow: 0 2px 3px 0 hsla(0, 0%, 84%, .7);
  box-shadow: 0 2px 3px 0 hsla(0, 0%, 84%, .7);
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-top: -155px;
  margin-left: -240px
}

.save-doc-info,
.save-doc-title {
  margin-top: 112px;
  font-size: 16px;
  color: #41464b
}

.save-doc-title {
  margin-top: 90px
}

.doc-share-info {
  font-size: 14px;
  color: #666;
  margin-top: 20px
}

.flat-dialog-btn {
  width: 296px;
  height: 44px;
  background: #41464b;
  border-radius: 2px;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  margin: 16px auto
}

.flat-dialog-btn:hover {
  background: #313438
}

.flat-dialog-btn:active {
  background: #2c3033
}

.flat-dialog-btn span {
  line-height: 44px
}

.stay-here-btn {
  color: #666;
  font-size: 14px;
  cursor: pointer
}

.stay-here-btn:hover {
  color: #41464b
}

.stay-here-btn:active {
  color: #2c3033
}

.shimo-modal-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .6)
}

.shimo-modal {
  position: absolute;
  z-index: 1001;
  top: 50%;
  left: 50%;
  margin-left: -210px;
  margin-top: -105px;
  width: 340px;
  min-height: 150px;
  background-color: #fafafa;
  padding: 30px 40px;
  border-radius: 3px;
  color: #666
}

.shimo-modal-header {
  font-size: 16px;
  height: 24px;
  line-height: 24px;
  color: #666;
  margin-bottom: 24px
}

.shimo-modal-header .icon-close {
  position: absolute;
  cursor: pointer;
  padding: 10px;
  top: 20px;
  right: 30px
}

.shimo-modal-content {
  font-size: 14px;
  color: #666;
  min-height: 52px;
  margin-bottom: 30px
}

.shimo-modal-actions {
  text-align: right
}

.shimo-modal-actions .btn {
  font-size: 14px
}

.shimo-modal-actions .action-message {
  font-size: 12px;
  margin-right: 20px
}

.user-guide,
.user-guide * {
  box-sizing: border-box
}

.user-guide {
  position: relative;
  width: 680px;
  height: 410px;
  position: fixed;
  bottom: 10px;
  left: -770px;
  padding: 30px 40px 40px;
  background-color: hsla(0, 0%, 96%, .97);
  border: 1px solid #d5d5d5;
  border-left: 0 none;
  box-shadow: 0 0 18px rgba(0, 0, 0, .2);
  -webkit-transition: left .2s ease-in;
  transition: left .2s ease-in
}

.user-guide.active {
  left: 0
}

.user-guide .icon-close {
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 30px;
  font-size: 15px
}

.user-guide-nav-tabs.sm-nav-tabs .tab-head-item {
  padding-bottom: 18px
}

.user-guide-nav-tabs.sm-nav-tabs .tab-head-item.selected {
  font-weight: 700
}

.user-guide-nav-tabs.sm-nav-tabs .tab-head-wrap {
  border-bottom-color: #d5d5d5
}

.user-guide .guide-group {
  padding-top: 17px
}

.user-guide .guide-list-wrapper {
  display: inline-block;
  position: relative;
  height: 296px
}

.user-guide .guide-list {
  height: 296px;
  width: 150px;
  overflow-y: auto;
  border-right: 1px solid #d5d5d5
}

.user-guide .guide-content-wrapper {
  margin-top: 10px;
  position: relative
}

.user-guide .group-label {
  font-size: 12px;
  line-height: 14px;
  padding-top: 9px;
  padding-bottom: 9px;
  color: #ccc
}

.user-guide .guide-list-item {
  height: 40px;
  margin-left: -40px;
  padding-left: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #666;
  cursor: pointer
}

.user-guide .guide-list-item.active {
  color: #333;
  font-weight: 700
}

.user-guide .guide-list-item:hover {
  background-image: linear-gradient(90deg, hsla(0, 0%, 93%, 0) 25%, #ededed 56%)
}

.user-guide .guide-content {
  display: inline-block;
  position: relative;
  width: 410px;
  max-height: 313px;
  margin-left: 37px;
  vertical-align: top;
  overflow: hidden
}

.user-guide .guide-content .guide-img {
  width: 410px;
  min-height: 191px;
  margin-top: 14px;
  transition: all .2s;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  border: 1px solid #e8e8e8
}

.user-guide .guide-content.scroll-bottom:after,
.user-guide .guide-list-wrapper.scroll-bottom:after {
  display: none
}

.user-guide .guide-content:after,
.user-guide .guide-list-wrapper:after {
  content: "";
  width: 100%;
  height: 65px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url("https://assets-cdn.shimo.im/assets/images/list_fade_mask-f19b6a4569.png");
  background-size: 100% 65px;
  pointer-events: none
}

.user-guide .guide-desc {
  font-size: 14px;
  color: #888;
  line-height: 25px
}

.user-guide .guide-desc b {
  color: #666
}

.user-list,
.user-list * {
  box-sizing: border-box
}

.user-list {
  height: 340px
}

.user-list.empty {
  position: relative
}

.user-list.empty:before {
  content: "";
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/list_empty-beb8604afd.png);
  background-repeat: no-repeat;
  background-position: 0 0
}

.search-result-user-list .sm-dropdown-button.no-overlay,
.user-list .sm-dropdown-button.no-overlay {
  color: #a5a5a5
}

.user-list-item {
  display: flex;
  align-items: center;
  height: 45px;
  font-size: 12px
}

.user-list-item .avatar {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: transparent!important
}

.user-list-item .name {
  display: flex;
  align-items: center;
  flex: 0 0 110px;
  padding: 0 10px;
  color: #666
}

.user-list-item .email {
  flex: 1;
  padding: 0 10px;
  color: #a5a5a5
}

.spinner-wrap {
  font-size: 48px;
  position: absolute;
  display: inline-block;
  width: 1em;
  height: 1em;
  top: 50%;
  left: 50%;
  margin-top: -.5em;
  margin-left: -.5em
}

.spinner-wrap .spinner-blade {
  position: absolute;
  left: .4629em;
  bottom: 0;
  width: .074em;
  height: .2777em;
  border-radius: .0555em;
  background-color: transparent;
  transform-origin: center -.2222em;
  animation: spinner-fade 1s infinite linear
}

.spinner-wrap .spinner-blade:first-child {
  background-color: #fff;
  animation-delay: .1s;
  transform: rotate(0deg)
}

.spinner-wrap .spinner-blade:nth-child(2) {
  background-color: #fff;
  animation-delay: .183s;
  transform: rotate(30deg)
}

.spinner-wrap .spinner-blade:nth-child(3) {
  background-color: #fff;
  animation-delay: .266s;
  transform: rotate(60deg)
}

.spinner-wrap .spinner-blade:nth-child(4) {
  background-color: #fff;
  animation-delay: .349s;
  transform: rotate(90deg)
}

.spinner-wrap .spinner-blade:nth-child(5) {
  background-color: #fff;
  animation-delay: .432s;
  transform: rotate(120deg)
}

.spinner-wrap .spinner-blade:nth-child(6) {
  background-color: #fff;
  animation-delay: .515s;
  transform: rotate(150deg)
}

.spinner-wrap .spinner-blade:nth-child(7) {
  background-color: #fff;
  animation-delay: .598s;
  transform: rotate(180deg)
}

.spinner-wrap .spinner-blade:nth-child(8) {
  background-color: #fff;
  animation-delay: .681s;
  transform: rotate(210deg)
}

.spinner-wrap .spinner-blade:nth-child(9) {
  background-color: #fff;
  animation-delay: .764s;
  transform: rotate(240deg)
}

.spinner-wrap .spinner-blade:nth-child(10) {
  background-color: #fff;
  animation-delay: .847s;
  transform: rotate(270deg)
}

.spinner-wrap .spinner-blade:nth-child(11) {
  background-color: #fff;
  animation-delay: .93s;
  transform: rotate(300deg)
}

.spinner-wrap .spinner-blade:nth-child(12) {
  background-color: #fff;
  animation-delay: 1.013s;
  transform: rotate(330deg)
}

.spinner-wrap .spinner-blade:first-child {
  background-color: hsla(0, 0%, 100%, 0)
}

.spinner-wrap .spinner-blade:nth-child(2) {
  background-color: hsla(0, 0%, 100%, .25)
}

.spinner-wrap .spinner-blade:nth-child(3) {
  background-color: hsla(0, 0%, 100%, .5)
}

.spinner-wrap .spinner-blade:nth-child(4) {
  background-color: hsla(0, 0%, 100%, .75)
}

@keyframes spinner-fade {
  0% {
      background-color: #fff
  }
  to {
      background-color: transparent
  }
}

.header-search-wrap {
  z-index: 99
}

.file-search-entry {
  color: #666
}

.file-search-entry:hover {
  color: #333
}

.team-icon-search {
  background-position: -140px -20px
}

.team-icon-delete,
.team-icon-search {
  display: inline-block;
  width: 20px;
  height: 20px
}

.team-icon-delete {
  background-position: -340px -20px
}

.team-icon-delete:hover {
  background-position: -340px -60px
}

.search-clear-icon {
  position: absolute;
  display: inline-block;
  width: 12px;
  height: 12px;
  top: 5px;
  right: 5px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/search/search_delete-64473a5405.png");
  background-size: 12px 12px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .search-clear-icon {
      background-image: url("https://assets-cdn.shimo.im/assets/images/search/search_delete_2x-e1f07d6e0a.png")
  }
}

.search-input-wrap {
  position: relative;
  margin-top: 15px
}

.search-input-icon {
  position: absolute;
  top: 1px;
  left: 16px;
  margin: 0;
  padding: 0
}

.header-search-icon,
.search-input-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/search/search-ff42fdb540.png");
  background-size: 18px 18px
}

.header-search-icon {
  margin-right: 5px;
  background-position: 50%
}

.file-search-entry:hover .header-search-icon {
  background-image: url("https://assets-cdn.shimo.im/assets/images/search/search_hover-b832f0bada.png")
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .header-search-icon,
  .search-input-icon {
      background-image: url("../img/support@2x.png");
      background-repeat: no-repeat;
      background-size: 16px 16px;
  }
  .file-search-entry:hover .header-search-icon {
      background-image: url("https://assets-cdn.shimo.im/assets/images/search/search_hover_2x-4cbfa6fa19.png")
  }
}

.header-search-input {
  height: 18px;
  width: 325px;
  padding: 1px 23px 4px 42px;
  text-indent: 2px;
  line-height: normal;
  font-size: 12px;
  color: #000;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-transition: width .1s ease-in-out;
  -moz-transition: width .1s ease-in-out;
  transition: width .1s ease-in-out
}

.header-search-input:focus {
  border-bottom: 1px solid #666!important
}

.file-search-enter .header-search-input,
.file-search-leave-active .header-search-input {
  width: 22px
}

.file-search-enter-active.file-search-entry,
.file-search-enter.file-search-entry,
.file-search-leave-active.file-search-entry,
.file-search-leave.file-search-entry {
  display: none
}

.file-search-leave .header-search-input {
  width: 22px
}

.file-search-enter-active .header-search-input {
  width: 325px
}

.search-result-wrap {
  width: auto;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc;
  background: #fff;
  padding-top: 10px;
  padding-bottom: 10px
}

.search-no-result {
  line-height: 30px
}

.search-loading {
  height: 40px
}

.search-loading-img {
  width: 25px;
  margin-top: 7px
}

.search-result-list {
  overflow: auto
}

.search-loading,
.search-no-result {
  position: relative;
  text-align: center;
  color: #777;
  height: 30px
}

.search-result-item {
  height: 58px;
  color: #333;
  padding: 7px 20px 0 15px;
  cursor: pointer;
  box-sizing: border-box
}

.search-result-item.active {
  background: #f7f7f7
}

.search-result-item.folder {
  height: 40px
}

.file .search-result-content-text,
.file .search-result-info {
  padding-top: 2px
}

.search-result-info {
  display: block;
  position: relative;
  width: 100%;
  height: 20px;
  line-height: 20px
}

.search-result-time,
.search-result-title {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 20px;
  color: #666;
  vertical-align: middle
}

.search-result-time em,
.search-result-title em {
  background-color: #dfeaf6;
  font-style: normal;
  padding-left: 2px;
  padding-right: 2px
}

.search-result-title {
  max-width: 222px;
  padding-left: 8px;
  font-weight: 700
}

.search-result-time {
  position: absolute;
  right: 0;
  top: 1px;
  color: #a5a5a5
}

.search-result-content {
  height: 12px;
  line-height: 1;
  padding-left: 28px;
  margin-top: 4px;
  font-size: 12px;
  width: 320px;
  box-sizing: border-box
}

.search-result-content em {
  background-color: #dfeaf6;
  font-style: normal;
  padding-left: 2px;
  padding-right: 2px
}

.search-result-content-text {
  max-width: 324px;
  padding-right: 2px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #888
}

.search-result-content-text,
.search-result-time,
.search-result-title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.search-star-icon {
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-left: 8px;
  margin-top: 1px;
  vertical-align: middle;
  background-size: 6px 12px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/search/search_stared-821afeb286.png");
  background-position: 0 -2px;
  background-repeat: no-repeat
}

.folder .search-star-icon {
  margin-top: 2px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .search-star-icon {
      background-image: url("https://assets-cdn.shimo.im/assets/images/search/search_stared_2x-bbd6f0301a.png")
  }
}

.wtBorder {
  border-width: 0
}

.div-editor-holder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .16);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .16);
  -ms-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .16);
  -o-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .16);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .16)
}

.div-editor-holder.hide-caret {
  width: 0;
  height: 0;
  overflow: hidden
}

.div-editor {
  position: relative;
  display: inline-block;
  color: #333;
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #73a2e3
}

.handsontable th.s-filter-row {
  background-color: #d0d3d7
}

.handsontable th.s-filter-row:first-child {
  border-bottom: 1px solid #bfc3c6
}

.handsontable th.s-filter-col {
  background-color: #d0d3d7;
  border-right: 1px solid #bfc3c6
}

.f-title-text {
  font-size: 14px;
  color: #666
}

.h-filter-wrap {
  position: absolute;
  top: 0;
  left: 0
}

.filter-panel-wrap {
  position: absolute;
  z-index: 104
}

.filter-panel-wrap .filter-panel {
  position: absolute;
  left: 24px;
  width: 280px;
  height: 392px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  background-color: #fafafa;
  box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
  border-radius: 2px
}

.fixed-row .h-filter-wrap {
  z-index: 102
}

.fixed-row .ht_master .h-filter-wrap {
  z-index: 101
}

.h-filter-item {
  position: absolute
}

.h-filter-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  background-image: url("https://assets-cdn.shimo.im/assets/images/sheet_filter-dc2e823061.png");
  background-repeat: no-repeat;
  background-size: 40px 100px;
  background-position: -16px -15px
}

.h-filter-icon:hover {
  background-position: -16px -35px
}

.h-filter-icon.active {
  background-position: -16px -55px
}

.h-filter-icon.fields {
  background-position: -16px -75px
}

.filter-panel-head {
  margin-bottom: 20px
}

.checkbox-group-container {
  height: 110px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px
}

.checkbox-group-container::-webkit-scrollbar {
  width: 5px;
  background-color: transparent
}

.checkbox-group-container::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: hsla(0, 0%, 65%, .5)
}

.checkbox-group-wrap {
  color: #333;
  font-size: 12px
}

.checkbox-item {
  line-height: 26px
}

.f-d-search-list {
  height: 164px
}

.f-d-search-list .search-wrap {
  width: auto;
  height: auto;
  margin-left: 24px;
  margin-right: 24px;
  padding: 0
}

.f-d-search-list .search-input {
  height: 28px;
  padding: 0;
  border: none;
  box-shadow: none
}

.f-d-search-wrap {
  margin: 14px 0 6px;
  box-shadow: none;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  background-color: #fff;
  color: #999
}

.f-d-search-wrap:hover {
  border: 1px solid #ccc
}

.f-d-search-wrap.active {
  border: 1px solid #a6a6a6;
  color: #333
}

.f-d-btn-wrap,
.f-d-footer-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 26px
}

.f-d-btn-wrap .btn,
.f-d-footer-btn-wrap .btn {
  width: 95px;
  height: 32px;
  padding: 0;
  line-height: 32px
}

.f-c-i-count {
  color: #999
}

.f-c-i-name {
  padding: 0 4px
}

.s-filter-icon {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 34px;
  height: 20px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/toolbar-e4db55bfa2.png");
  background-repeat: no-repeat;
  background-size: 800px 100px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .s-filter-icon {
      background-image: url("https://assets-cdn.shimo.im/assets/images/toolbar_2x-a846c7bdd9.png");
      background-repeat: no-repeat
  }
  .h-filter-icon {
      background-image: url("https://assets-cdn.shimo.im/assets/images/sheet_filter_2x-93793f9f10.png")
  }
  .f-clear-search-icon,
  .f-search-icon {
      background-image: url("https://assets-cdn.shimo.im/assets/images/teams_2x-38bac19fd8.png")
  }
}

.s-filter-icon-asc {
  background-position: -305px -27px
}

.s-filter-icon-desc {
  background-position: -274px -27px
}

.s-filter-checkbox-icon {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/share_link-8092fe6d8d.png");
  background-repeat: no-repeat;
  background-size: 124px 141px;
  background-position: -11px -91px
}

.checked .s-filter-checkbox-icon {
  background-position: -11px -71px
}

.f-clear-search-icon,
.f-search-icon {
  position: relative;
  top: 4px;
  width: 20px;
  height: 20px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/teams-31aea6334f.png");
  background-size: 499px 310px;
  background-repeat: no-repeat
}

.f-search-icon {
  left: 3px;
  float: left;
  background-position: -140px -20px
}

.f-clear-search-icon {
  right: 3px;
  float: right;
  background-position: -340px -20px
}

.filter-search-no-result {
  margin-top: 40px;
  text-align: center;
  font-size: 18px;
  color: #999
}

.htCore a {
  text-decoration: underline;
  color: #3776a6
}

.fixed-row .ht_clone_left,
.fixed-row .ht_master {
  top: 2px!important
}

.fixed-col .ht_clone_top,
.fixed-col .ht_master {
  left: 2px!important
}

.fixed-row .ht_clone_top .htCore {
  -webkit-box-shadow: 0 2px #d6d6d6;
  -moz-box-shadow: 0 2px #d6d6d6;
  -ms-box-shadow: 0 2px #d6d6d6;
  -o-box-shadow: 0 2px #d6d6d6;
  box-shadow: 0 2px #d6d6d6
}

.fixed-col .ht_clone_left .htCore {
  -webkit-box-shadow: 2px 0 #d6d6d6;
  -moz-box-shadow: 2px 0 #d6d6d6;
  -ms-box-shadow: 2px 0 #d6d6d6;
  -o-box-shadow: 2px 0 #d6d6d6;
  box-shadow: 2px 0 #d6d6d6
}

.fixed-col.fixed-row .ht_clone_top_left_corner .htCore {
  -webkit-box-shadow: 2px 2px #d6d6d6;
  -moz-box-shadow: 2px 2px #d6d6d6;
  -ms-box-shadow: 2px 2px #d6d6d6;
  -o-box-shadow: 2px 2px #d6d6d6;
  box-shadow: 2px 2px #d6d6d6
}

.ht_clone_top_left_corner .htCore tbody tr:last-child {
  position: relative
}

.ht_clone_top_left_corner .htCore tbody tr:last-child:after {
  content: " ";
  position: absolute;
  display: block;
  width: 51px;
  height: 2px;
  left: 0;
  bottom: -2px;
  background: #d6d6d6
}

.ht_clone_left th,
.ht_clone_left tr:first-child th {
  height: 20px
}

.handsontable {
  font-size: 12px
}

.handsontable td,
.handsontable th {
  line-height: 21px;
  height: 21px;
  padding-left: 5px;
  padding-right: 5px
}

.handsontable td {
  padding-top: 2px;
  padding-bottom: 2px
}

.handsontable th {
  vertical-align: middle
}

.handsontable thead th {
  line-height: 21px;
  height: 21px
}

.handsontable thead th .relative {
  padding-top: 0;
  padding-bottom: 0
}

.handsontable [data-format] {
  text-align: right
}

.handsontable th {
  background: #ebebeb
}

.handsontable th.currentCol,
.handsontable th.currentRow {
  background: #e0e0e0
}

.handsontable td,
.handsontable th {
  border-right-color: #e0e0e0;
  border-bottom-color: #e0e0e0
}

.handsontable tbody td {
  color: #2b2b2b
}

.handsontable td.area {
  background: #fff
}

.handsontable .colHeader,
.handsontable .rowHeader {
  color: #666;
  font-size: 12px
}

.handsontable tr:first-child td,
.handsontable tr:first-child th {
  border-top: 1px solid #d1d1d1
}

.handsontable.htRowHeaders thead tr th:nth-child(2) {
  border-left: 1px solid #d6d6d6
}

.handsontable .htNoFrame+td,
.handsontable .htNoFrame+th,
.handsontable td:first-of-type,
.handsontable th:first-child {
  border-left: 1px solid #d1d1d1
}

.handsontable th:first-child,
.handsontable th:last-child {
  border-bottom: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6
}

.handsontable thead th {
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d1d1d1
}

.handsontable thead th:first-child {
  border-bottom: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1
}

.handsontable .manualRowResizer {
  height: 3px;
  width: 51px
}

.handsontable .manualRowResizer:active,
.handsontable .manualRowResizer:hover {
  background-color: #73a2e3
}

.handsontable .manualRowResizer:after,
.handsontable .manualRowResizer:before {
  content: " ";
  position: absolute;
  display: block;
  height: 2px;
  width: 100%
}

.handsontable .manualRowResizer:before {
  margin-top: -2px
}

.handsontable .manualRowResizer:after {
  margin-bottom: -2px
}

.handsontable .manualColumnResizer {
  width: 3px;
  height: 22px
}

.handsontable .manualColumnResizer:active,
.handsontable .manualColumnResizer:hover {
  background-color: #73a2e3
}

.handsontable .manualColumnResizer:after,
.handsontable .manualColumnResizer:before {
  content: " ";
  position: absolute;
  display: block;
  width: 4px;
  height: 100%
}

.handsontable .manualColumnResizer:before {
  top: 0;
  left: -4px
}

.handsontable .manualColumnResizer:after {
  top: 0;
  right: -4px
}

.handsontable .manualRowResizerGuide {
  background-color: transparent;
  border-bottom: 1px solid #73a2e3;
  z-index: 200
}

.handsontable .manualColumnResizerGuide {
  background-color: transparent;
  border-right: 1px solid #73a2e3;
  z-index: 200
}

.htContextMenu .wtHider,
.htContextMenu .wtHolder {
  width: 122px!important;
  height: 300px!important
}

.htContextMenu table {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff
}

.htContextMenu table.htCore {
  border-radius: 3px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .26);
  -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .26);
  -ms-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .26);
  -o-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .26);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .26)
}

.htContextMenu table colgroup col {
  width: 122px!important
}

.htContextMenu table tbody tr td {
  width: 120px;
  height: 30px;
  padding: 0
}

.htContextMenu table tbody tr td.current {
  background: #f4f4f5
}

.htContextMenu table tbody tr td .htItemWrapper {
  line-height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  margin: 0
}

.htContextMenu table tbody tr td.htSeparator {
  border-top: 1px solid #e5e5e5
}

.ht_master .wtHolder {
  background: #fff
}

.ht_master .thead,
.ht_master th {
  opacity: 0
}

.italic {
  font-style: italic
}

.bold {
  font-weight: 700
}

.underline,
.underline span {
  text-decoration: underline
}

.strike,
.strike span {
  text-decoration: line-through
}

.underline.strike,
.underline.strike span {
  text-decoration: underline line-through
}

.handsontable td {
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.2;
  height: 100%;
  width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  white-space: pre-wrap;
  vertical-align: middle
}

.handsontable td img {
  max-height: 300px;
  max-width: 100%
}

.handsontable .vertical-bottom,
.handsontable td img {
  vertical-align: bottom
}

.handsontable .vertical-top {
  vertical-align: top
}

.handsontable .wrap-text-no-wrap {
  white-space: nowrap
}

.handsontable .format {
  text-align: right
}

.handsontable .align-center {
  text-align: center
}

.handsontable .align-right {
  text-align: right
}

.handsontable .font-size-0 {
  font-size: 12px
}

.handsontable .font-size-1 {
  font-size: 13.333px
}

.handsontable .font-size-2 {
  font-size: 14.666px
}

.handsontable .font-size-3 {
  font-size: 16px
}

.handsontable .font-size-4 {
  font-size: 18.666px
}

.handsontable .font-size-5 {
  font-size: 24px
}

.handsontable .font-size-6 {
  font-size: 32px
}

.handsontable .font-size-7 {
  font-size: 40px
}

.handsontable .font-size-8 {
  font-size: 48px
}

.handsontable .background-1 {
  background: #fff!important;
  border-color: #e2e2e2
}

.handsontable .background-2 {
  background: #595856!important;
  border-color: #504f4e
}

.handsontable .background-3 {
  background: #fcdbd6!important;
  border-color: #dfc2bd
}

.handsontable .background-4 {
  background: #fff0cf!important;
  border-color: #e2d5b8
}

.handsontable .background-5 {
  background: #d4e9d6!important;
  border-color: #bccebd
}

.handsontable .background-6 {
  background: #cee0ef!important;
  border-color: #b7c7d4
}

.handsontable .background-7 {
  background: #dfdbec!important;
  border-color: #c6c2d1
}

.handsontable .background-8 {
  background: #f3f3f1!important;
  border-color: #d8d8d6
}

.handsontable .background-9 {
  background: #41464b!important;
  border-color: #393e43
}

.handsontable .background-10 {
  background: #ee837d!important;
  border-color: #d3746f
}

.handsontable .background-11 {
  background: #e6b322!important;
  border-color: #cfa11f
}

.handsontable .background-12 {
  background: #9abd9d!important;
  border-color: #88a88b
}

.handsontable .background-13 {
  background: #89b0ce!important;
  border-color: #799cb7
}

.handsontable .background-14 {
  background: #9389b1!important;
  border-color: #82799d
}

.handsontable .background-15 {
  background: #c1c6ca!important;
  border-color: #abafb3
}

.handsontable .background-16 {
  background: #2b2b2b!important;
  border-color: #262626
}

.handsontable .background-17 {
  background: #d51228!important;
  border-color: #bc1024
}

.handsontable .background-18 {
  background: #8d634a!important;
  border-color: #7d5842
}

.handsontable .background-19 {
  background: #557b5c!important;
  border-color: #4b6d52
}

.handsontable .background-20 {
  background: #3776a6!important;
  border-color: #316893
}

.handsontable .background-21 {
  background: #765c83!important;
  border-color: #685274
}

.handsontable .background-22 {
  background: #adadad!important;
  border-color: #9c9c9c
}

.handsontable .background-23 {
  background: #0d0015!important;
  border-color: #07000c
}

.handsontable .background-24 {
  background: #a91913!important;
  border-color: #961711
}

.handsontable .background-25 {
  background: #563725!important;
  border-color: #4c3121
}

.handsontable .background-26 {
  background: #00552e!important;
  border-color: #004b28
}

.handsontable .background-27 {
  background: #194e77!important;
  border-color: #174569
}

.handsontable .background-28 {
  background: #530e6f!important;
  border-color: #490c62
}

.handsontable .background-29 {
  background: #fe2c23!important;
  border-color: #e52820
}

.handsontable .background-30 {
  background: #f90!important;
  border-color: #e68a00
}

.handsontable .background-31 {
  background: #ffd900!important;
  border-color: #e6c400
}

.handsontable .background-32 {
  background: #a3e043!important;
  border-color: #93ca3c
}

.handsontable .background-33 {
  background: #37d9f0!important;
  border-color: #32c4d8
}

.handsontable .background-34 {
  background: #4da8ee!important;
  border-color: #4598d7
}

.handsontable .background-35 {
  background: #aa17d0!important;
  border-color: #9915bc
}

.handsontable .background-36 {
  background: #949494!important;
  border-color: #858585
}

.handsontable .background-37 {
  background: #fde9d0!important;
  border-color: #e4d2bc
}

.handsontable .background-38 {
  background: #def3f3!important;
  border-color: #c8dbdb
}

.handsontable .background-39 {
  background: #dcdedd!important;
  border-color: #c6c8c7
}

.handsontable .background-40 {
  background: #f8c387!important;
  border-color: #e0b07a
}

.handsontable .background-41 {
  background: #83ccd2!important;
  border-color: #76b8bd
}

.handsontable .background-42 {
  background: #cf770b!important;
  border-color: #bb6b0a
}

.handsontable .background-43 {
  background: #01a3b0!important;
  border-color: #01939f
}

.handsontable .background-44 {
  background: #884702!important;
  border-color: #7b4002
}

.handsontable .background-45 {
  background: #00767a!important;
  border-color: #006a6e
}

.handsontable .font-color-1 {
  color: #fff
}

.handsontable .font-color-2 {
  color: #595856
}

.handsontable .font-color-3 {
  color: #fcdbd6
}

.handsontable .font-color-4 {
  color: #fff0cf
}

.handsontable .font-color-5 {
  color: #d4e9d6
}

.handsontable .font-color-6 {
  color: #cee0ef
}

.handsontable .font-color-7 {
  color: #dfdbec
}

.handsontable .font-color-8 {
  color: #f3f3f1
}

.handsontable .font-color-9 {
  color: #41464b
}

.handsontable .font-color-10 {
  color: #ee837d
}

.handsontable .font-color-11 {
  color: #e6b322
}

.handsontable .font-color-12 {
  color: #9abd9d
}

.handsontable .font-color-13 {
  color: #89b0ce
}

.handsontable .font-color-14 {
  color: #9389b1
}

.handsontable .font-color-15 {
  color: #c1c6ca
}

.handsontable .font-color-16 {
  color: #2b2b2b
}

.handsontable .font-color-17 {
  color: #d51228
}

.handsontable .font-color-18 {
  color: #8d634a
}

.handsontable .font-color-19 {
  color: #557b5c
}

.handsontable .font-color-20 {
  color: #3776a6
}

.handsontable .font-color-21 {
  color: #765c83
}

.handsontable .font-color-22 {
  color: #adadad
}

.handsontable .font-color-23 {
  color: #0d0015
}

.handsontable .font-color-24 {
  color: #a91913
}

.handsontable .font-color-25 {
  color: #563725
}

.handsontable .font-color-26 {
  color: #00552e
}

.handsontable .font-color-27 {
  color: #194e77
}

.handsontable .font-color-28 {
  color: #530e6f
}

.handsontable .font-color-29 {
  color: #fe2c23
}

.handsontable .font-color-30 {
  color: #f90
}

.handsontable .font-color-31 {
  color: #ffd900
}

.handsontable .font-color-32 {
  color: #a3e043
}

.handsontable .font-color-33 {
  color: #37d9f0
}

.handsontable .font-color-34 {
  color: #4da8ee
}

.handsontable .font-color-35 {
  color: #aa17d0
}

.handsontable .font-color-36 {
  color: #949494
}

.handsontable .font-color-37 {
  color: #fde9d0
}

.handsontable .font-color-38 {
  color: #def3f3
}

.handsontable .font-color-39 {
  color: #dcdedd
}

.handsontable .font-color-40 {
  color: #f8c387
}

.handsontable .font-color-41 {
  color: #83ccd2
}

.handsontable .font-color-42 {
  color: #cf770b
}

.handsontable .font-color-43 {
  color: #01a3b0
}

.handsontable .font-color-44 {
  color: #884702
}

.handsontable .font-color-45 {
  color: #00767a
}

.share-btn-wrap {
  position: relative
}

.doc-link-input-box.closed {
  opacity: .5
}

.doc-link-input-box.closed:before {
  display: block
}

.dialog {
  background: #fafafa;
  box-shadow: 0 6px 8px rgba(0, 0, 0, .3);
  border-radius: 2px;
  font-size: 14px;
  color: #7d7d7d
}

.dialog-head {
  position: relative
}

.dialog-close-btn {
  position: absolute;
  right: 12px;
  top: 8px
}

.dialog-wechat-box,
.mem-list {
  position: relative
}

.mem-list {
  height: 406px
}

.search-list {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0
}

.search-list .ui-list {
  height: 319px;
  overflow: auto
}

.dialog-wrap .result-list {
  position: absolute;
  height: 100%;
  width: 50%;
  right: 0;
  top: 0;
  overflow-y: auto
}

.dialog-wrap .result-list,
.dialog-wrap .search-list {
  width: 50%
}

.ui-list {
  line-height: 24px;
  text-align: left
}

.ui-list-head {
  text-indent: 20px;
  background: -webkit-linear-gradient(top, #dcddde, #ecedee)
}

.img-wrap {
  background-color: transparent!important;
  width: 24px;
  height: 24px
}

.row-user-name {
  width: 64px;
  margin: 0 12px
}

.search-wrap {
  width: 100%;
  height: 51px;
  padding: 8px;
  box-sizing: border-box
}

.search-res-row {
  padding: 6px 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.dialog-foot {
  padding: 11px 16px;
  padding-bottom: 30px;
  height: 32px
}

.share-user-avatar {
  border-radius: 50%
}

.search-input {
  height: 100%;
  text-indent: 8px
}

.search-input:focus {
  outline: 0;
  border-color: #a6a6a6!important;
  color: #333
}

.search-input:hover {
  border-color: #ccc
}

.share-user-li:hover .share-user-identity.share-show-remove {
  display: none
}

.sheet-share-dropdown {
  z-index: 2000!important
}

.btn {
  margin: 0;
  box-shadow: none;
  box-sizing: content-box;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif
}

.btn-inner:hover {
  background: none
}

.doc-link-qr,
.doc-link-wb {
  margin: 0
}

.search-input {
  height: 32px;
  line-height: 20px;
  padding: 5px 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 12px;
  width: 100%;
  box-sizing: border-box;
  text-indent: 0
}

.search-input::-moz-placeholder {
  color: #a5a5a5
}

.search-input::-webkit-input-placeholder {
  color: #a5a5a5
}

.search-input:-ms-input-placeholder {
  color: #a5a5a5
}

.sheet-share-dropdown {
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  -o-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  z-index: 101;
  position: absolute;
  top: 36px;
  right: -6px;
  font-size: 14px;
  background-color: #fff
}

.sheet-share-dropdown.active {
  display: block
}

.sheet-share-dropdown:after,
.sheet-share-dropdown:before {
  display: block;
  content: " ";
  position: absolute;
  left: auto;
  right: 23px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
  margin-left: 2px
}

.sheet-share-dropdown:before {
  top: -8px;
  border-width: 7px;
  border-bottom-color: #f0f0f0
}

.sheet-share-dropdown:after {
  top: -7px;
  border-width: 7px;
  border-bottom-color: #fff
}

.btn.doc-link-qr,
.btn.doc-link-wb {
  border: 1px solid #c3c4c6;
  box-sizing: border-box;
  padding: 0
}

.btn.doc-link-qr:hover,
.btn.doc-link-wb:hover {
  border: 1px solid #858f99;
  color: #41464b
}

.btn.doc-link-qr {
  border-radius: 2px;
  margin: 0
}

.btn.doc-link-qr:hover {
  width: 34px
}

.btn.doc-link-wb {
  border-radius: 0 2px 2px 0
}

.btn.s-link-wb {
  pointer-events: none
}

.permission-item {
  color: #333
}

.dialog-wrap .dialog {
  background: #fafafa
}

.dialog-wrap .dialog-foot {
  padding-left: 40px;
  padding-right: 40px
}

.dialog-wrap .dialog-foot .teamworker-btn.invite-link {
  float: left
}

.dialog-wrap .dialog-foot .teamworker-btn {
  float: right
}

.dialog-wrap .dialog-foot .teamworker-btn.add-cancel {
  margin-right: 18px
}

.dialog-wrap .dialog-foot .invite-link-popup {
  left: 0;
  bottom: 15px
}

.dialog-wrap .dialog-head {
  position: relative;
  padding: 30px 40px 10px;
  text-indent: 0;
  line-height: 1em;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  font-size: 16px;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-bottom: transparent
}

.dialog-wrap .dialog-close-btn {
  position: absolute;
  padding: 10px;
  top: 20px;
  right: 30px;
  cursor: pointer
}

.dialog-wrap .dialog-close-btn:active {
  color: #333
}

.teamworker-btn.btn-ok {
  margin-left: 18px
}

.dialog-wrap .teamworker-btn.btn-ok {
  margin-left: 0
}

.div-editor .formula-paras:first-child {
  color: #189dec
}

.div-editor .formula-paras:nth-child(2) {
  color: #a69aca
}

.div-editor .formula-paras:nth-child(3) {
  color: #ec6e79
}

.div-editor .formula-paras:nth-child(4) {
  color: #f39801
}

.div-editor .formula-paras:nth-child(5) {
  color: #00a496
}

.div-editor .formula-paras:nth-child(6) {
  color: #ffd900
}

.div-editor .formula-paras:nth-child(7) {
  color: #674599
}

.div-editor .formula-paras:nth-child(8) {
  color: #83d4e7
}

.div-editor .formula-paras:nth-child(9) {
  color: #af7c4f
}

.div-editor .formula-paras:nth-child(10) {
  color: #b8d200
}

.div-editor .formula-paras:nth-child(11) {
  color: #9d5b8b
}

.div-editor .formula-paras:nth-child(12) {
  color: #f15b1c
}

.div-editor .formula-paras:nth-child(13) {
  color: #41464b
}

.div-editor .formula-paras:nth-child(14) {
  color: #cd9f00
}

.div-editor .formula-paras:nth-child(15) {
  color: #47885e
}

.div-editor .formula-paras:nth-child(16) {
  color: #d7003b
}

.div-editor .formula-paras:nth-child(17) {
  color: #436ec9
}

.div-editor .formula-paras:nth-child(18) {
  color: #f897c7
}

.div-editor .formula-paras:nth-child(19) {
  color: #9c4109
}

.div-editor .formula-paras:nth-child(20) {
  color: #6e7a56
}

.div-editor .formula-paras:nth-child(21) {
  color: #83d4e7
}

.div-editor .formula-paras:nth-child(22) {
  color: #83609c
}

.div-editor .formula-paras:nth-child(23) {
  color: #f8dcdb
}

.div-editor .formula-paras:nth-child(24) {
  color: #e7c39c
}

.div-editor .formula-paras:nth-child(25) {
  color: #87b151
}

.div-editor .formula-paras:nth-child(26) {
  color: #9e0038
}

.div-editor .formula-paras:nth-child(27) {
  color: #b09fc9
}

.div-editor .formula-paras:nth-child(28) {
  color: #7dcfc8
}

.div-editor .formula-paras:nth-child(29) {
  color: #bee7f0
}

.div-editor .formula-paras:nth-child(30) {
  color: #cd9f00
}

.div-editor .formula-paras:nth-child(31) {
  color: #cbaac2
}

.div-editor .formula-paras:nth-child(32) {
  color: #f5c5c9
}

.div-editor .formula-paras:nth-child(33) {
  color: #cd8c28
}

.div-editor .formula-paras:nth-child(34) {
  color: #1a5a52
}

.div-editor .formula-paras:nth-child(35) {
  color: #9eb4e1
}

.div-editor .formula-paras:nth-child(36) {
  color: #406619
}

.div-editor .formula-paras:nth-child(37) {
  color: #cab738
}

.div-editor .formula-paras:nth-child(38) {
  color: #f6c751
}

.div-editor .formula-paras:nth-child(39) {
  color: #8d699d
}

.div-editor .formula-paras:nth-child(40) {
  color: #613a14
}

.handsontable .formula-selected-0 {
  background-color: rgba(24, 157, 236, .2)
}

.handsontable .formula-selected-1 {
  background-color: rgba(166, 154, 202, .2)
}

.handsontable .formula-selected-2 {
  background-color: rgba(236, 110, 121, .2)
}

.handsontable .formula-selected-3 {
  background-color: rgba(243, 152, 1, .2)
}

.handsontable .formula-selected-4 {
  background-color: rgba(0, 164, 150, .2)
}

.handsontable .formula-selected-5 {
  background-color: rgba(255, 217, 0, .2)
}

.handsontable .formula-selected-6 {
  background-color: rgba(103, 69, 153, .2)
}

.handsontable .formula-selected-7 {
  background-color: rgba(131, 212, 231, .2)
}

.handsontable .formula-selected-8 {
  background-color: rgba(175, 124, 79, .2)
}

.handsontable .formula-selected-9 {
  background-color: rgba(184, 210, 0, .2)
}

.handsontable .formula-selected-10 {
  background-color: rgba(157, 91, 139, .2)
}

.handsontable .formula-selected-11 {
  background-color: rgba(241, 91, 28, .2)
}

.handsontable .formula-selected-12 {
  background-color: rgba(65, 70, 75, .2)
}

.handsontable .formula-selected-13 {
  background-color: rgba(205, 159, 0, .2)
}

.handsontable .formula-selected-14 {
  background-color: rgba(71, 136, 94, .2)
}

.handsontable .formula-selected-15 {
  background-color: rgba(215, 0, 59, .2)
}

.handsontable .formula-selected-16 {
  background-color: rgba(67, 110, 201, .2)
}

.handsontable .formula-selected-17 {
  background-color: rgba(248, 151, 199, .2)
}

.handsontable .formula-selected-18 {
  background-color: rgba(156, 65, 9, .2)
}

.handsontable .formula-selected-19 {
  background-color: rgba(110, 122, 86, .2)
}

.handsontable .formula-selected-20 {
  background-color: rgba(131, 212, 231, .2)
}

.handsontable .formula-selected-21 {
  background-color: rgba(131, 96, 156, .2)
}

.handsontable .formula-selected-22 {
  background-color: hsla(2, 67%, 92%, .2)
}

.handsontable .formula-selected-23 {
  background-color: hsla(31, 61%, 76%, .2)
}

.handsontable .formula-selected-24 {
  background-color: rgba(135, 177, 81, .2)
}

.handsontable .formula-selected-25 {
  background-color: rgba(158, 0, 56, .2)
}

.handsontable .formula-selected-26 {
  background-color: rgba(176, 159, 201, .2)
}

.handsontable .formula-selected-27 {
  background-color: rgba(125, 207, 200, .2)
}

.handsontable .formula-selected-28 {
  background-color: rgba(190, 231, 240, .2)
}

.handsontable .formula-selected-29 {
  background-color: rgba(205, 159, 0, .2)
}

.handsontable .formula-selected-30 {
  background-color: rgba(203, 170, 194, .2)
}

.handsontable .formula-selected-31 {
  background-color: rgba(245, 197, 201, .2)
}

.handsontable .formula-selected-32 {
  background-color: rgba(205, 140, 40, .2)
}

.handsontable .formula-selected-33 {
  background-color: rgba(26, 90, 82, .2)
}

.handsontable .formula-selected-34 {
  background-color: rgba(158, 180, 225, .2)
}

.handsontable .formula-selected-35 {
  background-color: rgba(62, 102, 25, .2)
}

.handsontable .formula-selected-36 {
  background-color: rgba(202, 183, 56, .2)
}

.handsontable .formula-selected-37 {
  background-color: rgba(246, 199, 81, .2)
}

.handsontable .formula-selected-38 {
  background-color: rgba(141, 105, 157, .2)
}

.handsontable .formula-selected-39 {
  background-color: rgba(97, 58, 20, .2)
}

body,
div,
input,
li,
p,
ul {
  margin: 0;
  padding: 0
}

input:focus {
  outline: 0
}

html {
  font-size: 62.5%
}

body,
html {
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif
}

body {
  background: #f0f0f0;
  color: #000;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: none
}

body,
ul {
  list-style: none
}

ul {
  display: block;
  -webkit-padding-start: 0
}

a {
  color: #000
}

.spreadsheet-view [contenteditable=true]:active,
.spreadsheet-view [contenteditable=true]:focus {
  border: none;
  outline: none
}

.btn {
  padding: 0 30px;
  margin: none;
  font-size: 12px;
  border: 1px solid #c3c4c6
}

.btn,
.btn:hover {
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #fbfbfb);
  background: -webkit-linear-gradient(top, #fff, #fbfbfb);
  background: -o-linear-gradient(top, #fff, #fbfbfb);
  background: -ms-linear-gradient(top, #fff, #fbfbfb)
}

.btn:hover {
  border-color: #9ea0a3
}

.dialog-foot .btn {
  float: none
}

.actions-btn-wrap,
.s-btn {
  position: relative;
  display: inline-block;
  width: 48px;
  padding: 0;
  margin: 0;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #888;
  font-size: 12px;
  border-radius: 2px;
  background: #fafafa;
  cursor: pointer;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11)
}

.actions-btn-wrap:hover,
.active.actions-btn-wrap,
.s-btn.active,
.s-btn:hover {
  background: #f5f5f5;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.transfer-box .transfer-btn {
  margin-left: 12px
}

.s-menu-wrap {
  height: 47px;
  margin-right: 20px
}

.s-menu {
  float: left;
  padding-left: 45px;
  height: 47px
}

.s-menu .disabled {
  opacity: .5!important
}

.s-menu-disabled,
.s-menu .disabled {
  pointer-events: none
}

.s-menu-btn-wrap {
  float: right;
  width: 108px;
  margin-top: 10px
}

.s-menu-btn-wrap .share-btn-wrap {
  float: left
}

.s-menu-btn-wrap .share-btn-wrap .actions-btn-wrap,
.s-menu-btn-wrap .share-btn-wrap .s-btn {
  width: 48px
}

.s-menu-btn-wrap .actions-btn-wrap {
  float: right;
  width: 48px;
  height: 26px
}

.s-menu-btn-wrap .actions-btn-wrap .menu-wrap {
  margin-left: -60px
}

.s-menu-btn-wrap .actions-btn-wrap .menu-wrap .menu-item-text {
  width: auto
}

.s-menu-btn-wrap .actions-btn-wrap .menu-wrap:after,
.s-menu-btn-wrap .actions-btn-wrap .menu-wrap:before {
  left: auto;
  right: 18px
}

.s-menu-btn-wrap .actions-btn-wrap .d-menu-display-wrap .menu-item-text {
  color: #888;
  font-size: 12px;
  width: 32px;
  margin-left: 4px;
  line-height: 26px
}

.actions-btn-wrap,
.share-btn-wrap,
.toolbar-separator {
  display: inline-block
}

.toolbar-separator {
  width: 0;
  height: 18px;
  border-left: 1px solid #bebebe;
  margin: 5px 10px
}

.actions-btn-wrap {
  width: 48px;
  background: #e5e5e5;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.actions-btn-wrap .menu-wrap {
  width: 112px;
  margin-left: -100px
}

.actions-btn-wrap .menu-wrap:after,
.actions-btn-wrap .menu-wrap:before {
  left: 78%
}

.actions-btn-wrap.unactive {
  background: #fafafa;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11)
}

.actions-btn-wrap:hover {
  background: #f5f5f5;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.menu-divider {
  height: 1px;
  background-color: #dedede
}

.menu-item {
  line-height: 27px;
  height: 27px
}

.menu-item:hover {
  background: #f5f5f5
}

.menu-item-text {
  font-size: 1.2rem;
  color: #333;
  display: inline-block;
  float: left;
  width: 27px;
  line-height: 27px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.menu-item-selected {
  background: #fff
}

.menu-item-delete div {
  color: #ee837d
}

.d-menu-wrap {
  height: 27px;
  margin: 10px 0;
  vertical-align: top
}

.d-menu-wrap .d-menu-display-wrap {
  position: relative;
  height: 27px;
  cursor: pointer
}

.d-menu-wrap .d-menu-display-wrap:hover {
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.d-menu-wrap.dropdown-menu-align .menu-wrap,
.d-menu-wrap.dropdown-menu-font-size .menu-wrap,
.d-menu-wrap.dropdown-menu-text-wrap .menu-wrap,
.d-menu-wrap.dropdown-menu-vertical .menu-wrap {
  margin-left: -29px
}

.d-menu-wrap .menu-wrap,
.d-menu-wrap .sub-menu-wrap {
  z-index: 200;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: -12px;
  margin-top: 8px;
  background: #fff;
  -webkit-box-shadow: 0 3px 4px hsla(0, 0%, 53%, .4);
  -moz-box-shadow: 0 3px 4px hsla(0, 0%, 53%, .4);
  -ms-box-shadow: 0 3px 4px hsla(0, 0%, 53%, .4);
  -o-box-shadow: 0 3px 4px hsla(0, 0%, 53%, .4);
  box-shadow: 0 3px 4px hsla(0, 0%, 53%, .4)
}

.d-menu-wrap .sub-menu-wrap {
  margin-top: 0
}

.d-menu-wrap .menu-item {
  cursor: pointer
}

.d-menu-wrap.unactive .menu-wrap,
.d-menu-wrap.unactive .sub-menu-wrap {
  padding: 0
}

.dropdown-menu-border {
  width: 38px
}

.dropdown-menu-border .menu-wrap {
  width: 173px;
  padding: 12px 15px;
  margin-left: -85px
}

.dropdown-menu-border .menu-item {
  float: left;
  padding: 0
}

.dropdown-menu-border .menu-item.menu-item-selected {
  background: #eee
}

.dropdown-menu-border .menu-item:nth-child(5),
.dropdown-menu-border .menu-item:nth-child(10) {
  margin-left: 10px
}

.dropdown-menu-border .dropmenu-wrap {
  height: 27px;
  position: relative
}

.dropdown-menu-border .dropmenu-wrap:before {
  content: "";
  display: inline-block;
  border-left: 1px solid #eee;
  height: 100%;
  position: absolute;
  top: 0;
  left: -5px
}

.dropdown-menu-format {
  width: 57px
}

.dropdown-menu-format .d-menu-display-wrap {
  padding-left: 10px;
  padding-right: 7px
}

.dropdown-menu-format .d-menu-display-wrap .menu-item-text {
  width: 32px
}

.dropdown-menu-format .menu-wrap {
  width: 180px;
  margin-left: -65px
}

.dropdown-menu-format .menu-item {
  padding: 2px 18px
}

.dropdown-menu-format .menu-item-text {
  width: auto;
  color: #666
}

.dropdown-menu-format .menu-divider {
  margin: 10px 20px
}

.format-menu-item-selected-icon {
  right: 0;
  width: 20px;
  background-position: -662px -1px
}

.format-menu-item-selected-icon.s-toolbar-icon {
  position: absolute
}

.format-menu-tooltip.tooltip {
  display: none
}

.hovered .format-menu-tooltip.tooltip {
  display: block;
  height: 24px;
  position: absolute;
  top: 1px;
  left: 170px;
  line-height: 24px;
  padding: 0 12px;
  border-radius: 2px;
  background-color: #41464b;
  font-size: 12px;
  white-space: nowrap;
  color: #fff;
  pointer-events: none
}

.hovered .format-menu-tooltip.tooltip:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 5px;
  margin-left: -5px;
  border: 6px solid #41464b;
  border-left-width: 0;
  border-top-color: transparent;
  border-bottom-color: transparent
}

.color-menu-selected {
  position: relative
}

.background-underline,
.color-underline {
  position: absolute;
  bottom: 4px;
  left: 9px;
  display: inline-block;
  width: 11px;
  height: 2px
}

.color-underline-paint-brush {
  width: 14px;
  left: 7px
}

.dropdown-menu-color {
  width: 40px
}

.dropdown-menu-color .menu-wrap {
  width: 171px;
  margin-top: 8px;
  margin-left: -75px;
  padding-left: 10px;
  padding-right: 10px
}

.dropdown-menu-color .menu-item {
  float: left;
  width: 15px;
  height: 15px;
  padding: 2px
}

.dropdown-menu-color .menu-item:first-child,
.dropdown-menu-color .menu-item:nth-child(2),
.dropdown-menu-color .menu-item:nth-child(3),
.dropdown-menu-color .menu-item:nth-child(4),
.dropdown-menu-color .menu-item:nth-child(5),
.dropdown-menu-color .menu-item:nth-child(6),
.dropdown-menu-color .menu-item:nth-child(7),
.dropdown-menu-color .menu-item:nth-child(8),
.dropdown-menu-color .menu-item:nth-child(9) {
  padding-bottom: 6px
}

.dropdown-menu-color .menu-item-selected {
  background: #fff
}

.dropdown-menu-filter {
  position: relative;
  width: 40px
}

.dropdown-menu-filter .menu-wrap {
  position: absolute;
  left: -14px;
  width: 95px;
  text-align: center
}

.dropdown-menu-filter .menu-item-text {
  width: 100%;
  float: none
}

.s-toolbar-icon-filter {
  width: 27px;
  background-position: -121px -54px
}

.color-menu-item {
  width: 100%;
  height: 100%
}

.color-menu-item:hover {
  -webkit-box-shadow: 0 1px 3px #888;
  -moz-box-shadow: 0 1px 3px #888;
  -ms-box-shadow: 0 1px 3px #888;
  -o-box-shadow: 0 1px 3px #888;
  box-shadow: 0 1px 3px #888
}

.color-menu-item:hover .color-picker-tooltip {
  display: block
}

.color-menu-item .color-picker-tooltip {
  display: none;
  top: 25px;
  left: 9px
}

.menu-item-selected-icon {
  width: 5px;
  height: 27px;
  padding-right: 8px;
  background-position: -642px 0;
  color: #888;
  float: left
}

.menu-item-selected-icon-behind,
.menu-item-selected-icon-front {
  width: 20px;
  background-position: -662px -4px
}

.menu-item-selected-icon-behind.s-toolbar-icon,
.menu-item-selected-icon-front.s-toolbar-icon {
  position: absolute;
  height: 21px
}

.menu-item-selected-icon-front {
  left: -16px
}

.menu-item-selected-icon-behind {
  top: 3px;
  right: 20px
}

.formula-menu {
  position: relative
}

.formula-menu .menu-divider {
  margin: 10px 20px
}

.formula-menu .d-menu-display-wrap {
  width: 68px
}

.formula-menu .d-menu-display-wrap .tooltip {
  left: 34px
}

.formula-menu .menu-item-selected-text {
  width: 51px;
  margin-right: 4px
}

.formula-menu .s-toolbar-icon-formula {
  margin-right: -5px
}

.formula-menu .menu-item-selected {
  background: #fff
}

.formula-menu .menu-wrap {
  position: absolute;
  text-align: left;
  width: 150px;
  left: -27px
}

.formula-menu .menu-item {
  padding: 0 18px
}

.formula-menu .menu-item:hover {
  background: #eee
}

.formula-menu .menu-item .menu-item-text {
  width: auto
}

.sort-menu-item .menu-item-text {
  width: 60px;
  text-align: left
}

.sort-menu-item.disabled .menu-item-text {
  opacity: .3
}

.dropdown-menu-frozen .menu-wrap {
  margin-left: -74px
}

.dropdown-menu-sort .menu-wrap {
  margin-left: -27px
}

.dropdown-menu-font-size {
  width: 40px
}

.dropdown-menu-font-size .menu-item-text {
  width: 27px
}

.dropdown-menu-font-size .menu-wrap .menu-item {
  padding: 0 55px 0 20px
}

.d-menu-display-wrap .s-toolbar-icon {
  float: left
}

.dropdown-menu-align,
.dropdown-menu-freeze,
.dropdown-menu-frozen,
.dropdown-menu-text-wrap,
.dropdown-menu-vertical {
  width: 40px
}

.dropdown-menu-align .menu-item,
.dropdown-menu-freeze .menu-item,
.dropdown-menu-frozen .menu-item,
.dropdown-menu-text-wrap .menu-item,
.dropdown-menu-vertical .menu-item {
  padding: 0 55px 0 17px
}

.dropdown-menu-frozen .menu-item {
  padding: 0 17px
}

.dropdown-menu-sort {
  width: 40px
}

.dropdown-menu-sort .menu-item {
  padding: 0 18px
}

.d-menu-wrap .menu-wrap:after,
.d-menu-wrap .menu-wrap:before {
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
  margin-left: -7px
}

.d-menu-wrap .menu-wrap:before {
  top: -8px;
  border-width: 7px;
  border-bottom-color: hsla(0, 0%, 53%, .1)
}

.d-menu-wrap .menu-wrap:after {
  top: -7px;
  border-width: 7px;
  border-bottom-color: #fff
}

.s-menu .icon-btn-wrap {
  height: 27px;
  text-align: center;
  color: #888;
  font-size: 14px;
  margin: 10px 0;
  cursor: pointer
}

.s-menu .icon-btn-wrap.selected {
  background-color: #e5e5e5
}

.s-menu .icon-btn-wrap.selected,
.s-menu .icon-btn-wrap:hover {
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.upload-item-form .upload-item-file {
  cursor: pointer;
  font-size: 200px
}

.upload-item-form .upload-item-icon {
  cursor: pointer
}

.icon-btn:hover {
  color: #333
}

.upload-item-form,
.upload-item-wrap {
  display: inline-block;
  width: 30px;
  height: 27px;
  position: relative
}

.upload-item-wrap .upload-item-tooltip {
  display: none
}

.upload-item-wrap:hover {
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -moz-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -ms-box-shadow: 0 0 0 1px #d6d6d6 inset;
  -o-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.upload-item-wrap:hover .upload-item-tooltip {
  display: block
}

.upload-item-file {
  width: 30px;
  height: 30px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden
}

.upload-item-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center
}

.htItemWrapper {
  font-size: 12px
}

.d-menu-display-wrap .s-toolbar-icon-sort-asc,
.d-menu-display-wrap .s-toolbar-icon-sort-asc-area,
.d-menu-display-wrap .s-toolbar-icon-sort-desc,
.d-menu-display-wrap .s-toolbar-icon-sort-desc-area {
  width: 30px;
  padding: 0;
  background-position: -300px -27px
}

.d-menu-display-wrap .s-toolbar-icon-freeze-col,
.d-menu-display-wrap .s-toolbar-icon-freeze-row,
.d-menu-display-wrap .s-toolbar-icon-freeze-row-col,
.d-menu-display-wrap .s-toolbar-icon-unfreeze-row-col {
  width: 30px;
  padding: 0;
  background-position: -510px -27px
}

.d-menu-display-wrap .s-toolbar-icon-border-all {
  margin-right: -4px
}

.s-toolbar-icon {
  display: inline-block;
  position: relative;
  padding: 0;
  height: 27px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/toolbar-e4db55bfa2.png");
  background-repeat: no-repeat;
  background-size: 800px 100px
}

.s-toolbar-icon-go-ahead {
  width: 30px;
  background-position: 0 0
}

.s-toolbar-icon-retreat {
  width: 30px;
  background-position: -30px 0
}

.s-toolbar-icon-paint {
  width: 30px;
  background-position: -480px -27px
}

.s-toolbar-icon-comment {
  width: 30px;
  background-position: -600px 0
}

.s-toolbar-icon-clear-format {
  width: 30px;
  background-position: -510px -27px
}

.s-toolbar-icon-bold {
  width: 30px;
  background-position: -60px 0
}

.s-toolbar-icon-italic {
  width: 30px;
  background-position: -90px 0
}

.s-toolbar-icon-underline {
  width: 30px;
  background-position: -120px 0
}

.s-toolbar-icon-strikethrough {
  width: 30px;
  background-position: 0 -27px
}

.s-toolbar-icon-font-color {
  width: 30px;
  background-position: -150px 0
}

.s-toolbar-icon-paint-brush {
  width: 30px;
  background-position: -30px -27px
}

.s-toolbar-icon-align-left {
  width: 30px;
  padding: 0;
  background-position: -330px 0
}

.s-toolbar-icon-align-center {
  width: 30px;
  padding: 0;
  background-position: -360px 0
}

.s-toolbar-icon-align-right {
  width: 30px;
  padding: 0;
  background-position: -390px 0
}

.s-toolbar-icon-align-justify {
  width: 30px;
  padding: 0;
  background-position: -420px 0
}

.s-toolbar-icon-vertical-top {
  width: 30px;
  padding: 0;
  background-position: -90px -27px
}

.s-toolbar-icon-vertical-middle {
  width: 30px;
  padding: 0;
  background-position: -120px -27px
}

.s-toolbar-icon-vertical-bottom {
  width: 30px;
  padding: 0;
  background-position: -150px -27px
}

.s-toolbar-icon-text-no-wrap {
  width: 30px;
  padding: 0;
  background-position: -240px -27px
}

.s-toolbar-icon-text-wrap {
  width: 30px;
  padding: 0;
  background-position: -210px -27px
}

.s-toolbar-icon-text-overflow {
  width: 30px;
  padding: 0;
  background-position: -180px -27px
}

.s-toolbar-icon-sort-desc {
  width: 30px;
  padding: 0;
  background-position: -270px -27px
}

.s-toolbar-icon-sort-asc {
  width: 30px;
  padding: 0;
  background-position: -300px -27px
}

.s-toolbar-icon-sort-desc-area {
  width: 30px;
  padding: 0;
  background-position: -330px -27px
}

.s-toolbar-icon-sort-asc-area {
  width: 30px;
  padding: 0;
  background-position: -360px -27px
}

.s-toolbar-icon-freeze {
  width: 26px;
  padding: 0;
  background-position: -420px -27px
}

.s-toolbar-icon-mergecells {
  width: 30px;
  padding: 0;
  background-position: -60px -27px
}

.s-toolbar-icon-ul-list {
  width: 30px;
  background-position: -180px 0
}

.s-toolbar-icon-ol-list {
  width: 30px;
  background-position: -210px 0
}

.s-toolbar-icon-check-list {
  width: 30px;
  background-position: -240px 0
}

.s-toolbar-icon-indent {
  width: 30px;
  background-position: -270px 0
}

.s-toolbar-icon-outdent {
  background-position: -300px 0
}

.s-toolbar-icon-img {
  width: 30px;
  background-position: -510px 0
}

.s-toolbar-icon-checkone {
  width: 10px;
  background-position: -626px 0
}

.s-toolbar-icon-formula {
  width: 30px;
  background-position: -688px 0
}

.s-toolbar-icon-search {
  width: 30px;
  background-position: -150px -54px
}

.s-toolbar-icon-border-all {
  width: 30px;
  background-position: -480px 0
}

.s-toolbar-icon-border-outter {
  width: 30px;
  background-position: -540px -27px
}

.s-toolbar-icon-border-inner {
  width: 30px;
  background-position: -570px -27px
}

.s-toolbar-icon-border-none {
  width: 30px;
  background-position: -600px -27px
}

.s-toolbar-icon-border-left {
  width: 30px;
  background-position: -630px -27px
}

.s-toolbar-icon-border-right {
  width: 30px;
  background-position: -660px -27px
}

.s-toolbar-icon-border-top {
  width: 30px;
  background-position: -690px -27px
}

.s-toolbar-icon-border-bottom {
  width: 30px;
  background-position: -720px -27px
}

.s-toolbar-icon-conditional-format {
  width: 30px;
  background-position: -210px -54px
}

.s-toolbar-icon-border-color {
  width: 30px;
  background-position: -750px -27px
}

.s-toolbar-icon-border-style {
  width: 30px;
  background-position: -180px -54px
}

.s-toolbar-icon-link {
  width: 30px;
  background-position: -450px 0
}

.s-toolbar-icon-checkbox {
  width: 14px;
  background-position: -338px -62px
}

.s-toolbar-icon-checkbox-checked {
  width: 14px;
  background-position: -308px -62px
}

.s-toolbar-icon-save {
  width: 12px;
  background-position: -278px -62px
}

.s-toolbar-icon-edit {
  width: 12px;
  background-position: -758px -34px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .s-filter-icon,
  .s-toolbar-icon {
      background-image: url("https://assets-cdn.shimo.im/assets/images/toolbar_2x-a846c7bdd9.png");
      background-repeat: no-repeat
  }
}

.tooltip {
  position: relative;
  left: auto;
  bottom: auto
}

.s-tooltip,
.tooltip {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.s-tooltip {
  position: absolute;
  z-index: 200;
  display: block;
  height: 24px;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  line-height: 24px;
  padding: 0 12px;
  bottom: 0;
  top: 36px;
  left: 13px;
  border-radius: 2px;
  background-color: #41464b;
  font-size: 12px;
  white-space: nowrap;
  color: #fff;
  pointer-events: none
}

.s-tooltip:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: -6px;
  left: 50%;
  margin-left: -5px;
  border: 6px solid #41464b;
  border-top-width: 0;
  border-left-color: transparent;
  border-right-color: transparent
}

.s-tooltip:after,
.s-tooltip:after:hover {
  display: none!important
}

.s-tooltip.left {
  top: 0;
  left: -6px;
  transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%)
}

.s-tooltip.left:before {
  top: 8px;
  right: -4px;
  left: auto;
  border-width: 4px;
  border-right-width: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #41464b;
  border-right-color: #41464b
}

.s-tooltip.right {
  top: 0;
  left: -6px;
  transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%)
}

.s-tooltip.right:before {
  top: 8px;
  right: auto;
  left: 1px;
  border-width: 4px;
  border-left-width: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #41464b;
  border-right-color: #41464b
}

.s-tooltip.top:before {
  width: 0;
  height: 0;
  top: 24px;
  left: 50%;
  margin-left: -5px;
  border: 6px solid #41464b;
  border-bottom-width: 0;
  border-left-color: transparent;
  border-right-color: transparent
}

.d-menu-display-wrap .s-tooltip {
  left: 20px
}

.menu-item {
  position: relative
}

.menu-item .s-tooltip {
  display: none
}

.menu-item.hovered .s-tooltip {
  display: block
}

.actions-btn-wrap:hover .d-menu-display-wrap {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.history-menu {
  width: 60px
}

.history-menu .menu-item-text {
  padding: 0 10px;
  line-height: 28px
}

.history-menu .menu-item {
  padding-right: 15px;
  width: 70px
}

.history-menu .new-icon {
  height: 20px
}

.dropdown-menu-border-style {
  width: 40px;
  margin: 0
}

.dropdown-menu-border-style .menu-wrap {
  width: 110px;
  margin-left: -40px;
  padding: 12px 0
}

.dropdown-menu-border-style .menu-wrap .menu-item {
  background: none;
  float: none
}

.dropdown-menu-border-style .menu-wrap .menu-item:hover {
  background: #eee
}

.dropdown-menu-border-style .menu-wrap .menu-item.menu-item-selected {
  background: none
}

.dropdown-menu-border-style .menu-wrap .menu-item.menu-item-selected .s-toolbar-icon:after {
  content: " ";
  float: right;
  position: relative;
  top: 8px;
  right: -25px;
  background: url("https://assets-cdn.shimo.im/assets/images/check_icon-6316f0e995.png") no-repeat 0 0;
  background-size: 100%;
  width: 13px;
  height: 13px
}

.dropdown-menu-border-style .menu-wrap .s-toolbar-icon {
  background: none;
  height: 13px;
  margin-bottom: 13px;
  margin-right: 30px
}

.dropdown-menu-border-style .menu-wrap .border-style-menu-item {
  padding: 0;
  margin: 0 15px
}

.dropdown-menu-border-style .menu-wrap .s-toolbar-icon-border-style-1 {
  display: block;
  border-bottom: 1px solid #999
}

.dropdown-menu-border-style .menu-wrap .s-toolbar-icon-border-style-2 {
  display: block;
  border-bottom: 2px solid #999
}

.dropdown-menu-border-style .menu-wrap .s-toolbar-icon-border-style-4 {
  display: block;
  border-bottom: 2px dashed #999
}

.dropdown-menu-border-style .menu-wrap .s-toolbar-icon-border-style-7 {
  display: block;
  border-bottom: 2px dotted #999
}

.s-toolbar-version {
  position: relative;
  display: inline-block;
  line-height: 27px;
  height: 27px;
  margin: 10px;
  color: #333;
  font-size: 12px;
  vertical-align: top;
  cursor: pointer
}

.s-toolbar-version .s-tooltip {
  display: none;
  left: 50%
}

.s-toolbar-version:hover .s-tooltip {
  display: block
}

.s-toolbar-version-text:hover {
  opacity: .8
}

.s-toolbar-icon-save {
  margin: 8px 5px 0 0;
  float: left;
  height: 12px
}

.multi-dropdown-menu-format {
  width: 57px
}

.multi-dropdown-menu-format .d-menu-display-wrap {
  padding-left: 10px;
  padding-right: 7px
}

.multi-dropdown-menu-format .d-menu-display-wrap .menu-item-text {
  width: 32px
}

.multi-dropdown-menu-format .menu-wrap,
.multi-dropdown-menu-format .sub-menu-wrap {
  width: 266px;
  margin-left: -95px;
  padding-top: 6px;
  padding-bottom: 6px
}

.multi-dropdown-menu-format .menu-item {
  padding: 6px 24px;
  height: 20px;
  line-height: 20px
}

.multi-dropdown-menu-format .menu-item-text {
  width: auto;
  color: #666
}

.multi-dropdown-menu-format .menu-divider {
  margin: 4px 20px 4px 41px;
  background-color: #e5e5e5
}

.multi-dropdown-menu-format .format-type-text {
  margin-left: 20px;
  line-height: 20px
}

.multi-dropdown-menu-format .format-type-label {
  float: right;
  color: #a5a5a5
}

.multi-dropdown-menu-format .format-menu-item-selected-icon {
  left: -16px;
  width: 20px;
  background-position: -662px -4px
}

.multi-dropdown-menu-format .format-menu-item-selected-icon.s-toolbar-icon {
  position: absolute;
  height: 21px
}

.sub-menu-parent .format-type-label {
  width: 20px;
  height: 20px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/toolbar-e4db55bfa2.png");
  background-repeat: no-repeat;
  background-size: 800px 100px;
  background-position: -722px -4px
}

.fx-editor-wrap {
  height: 24px;
  font-size: 12px;
  border-top: 1px solid #d1d1d1;
  background-color: #f7f7f7
}

.fx-left-label {
  float: left;
  width: 50px;
  height: 16px;
  margin: 4px 0;
  margin-right: 13px;
  color: #999;
  text-align: center;
  border-right: 1px solid #d8d8d8
}

.fx-left-label-text {
  display: inline-block;
  width: 100%;
  padding-top: 1px
}

.fx-editor {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-left: 51px;
  padding-left: 8px;
  color: #4a4a4a;
  line-height: 24px
}

#sheet-view .fx-editor-wrap {
  border-bottom: 1px solid #d1d1d1
}

#sheet-view .fx-left-label {
  width: 49px
}

.dialog-wrap {
  z-index: 999
}

.dialog {
  width: 656px
}

.dialog-body {
  padding: 0
}

.confirm-wrap {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background-color: rgba(0, 0, 0, .3)
}

.confirm-wrap .dialog-foot {
  padding: 10px 40px 30px
}

.confirm-wrap .dialog-foot .btn {
  float: none
}

.confirm-wrap .btn {
  margin-left: 8px;
  height: 30px;
  font-size: 14px
}

.confirm-wrap .confirm-close {
  position: absolute;
  right: 30px;
  top: 20px;
  padding: 10px;
  cursor: pointer
}

.confirm-dialog,
.confirm-wrap .confirm-dialog {
  top: 30%;
  position: absolute;
  left: 50%;
  margin-left: -190px;
  width: 420px;
  font-size: 14px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .2)
}

.confirm-dialog-header,
.confirm-wrap .confirm-dialog-header {
  height: auto;
  line-height: 1em;
  font-size: 16px;
  color: #666;
  padding: 30px 40px 10px;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-bottom: none
}

.confirm-dialog-content,
.confirm-wrap .confirm-dialog-content {
  padding: 20px 40px;
  font-size: 14px;
  color: #666;
  line-height: 1.7empx;
  word-break: break-all
}

.confirm-dialog-footer,
.confirm-wrap .confirm-dialog-footer {
  text-align: right;
  padding: 0 40px 30px;
  font-size: 0;
  white-space: nowrap
}

.set-link-dialog .dialog {
  width: 400px
}

.set-link-dialog .dialog-foot {
  text-align: right
}

.link-dialog-body {
  padding: 0 40px
}

.link-dialog-item {
  height: 28px;
  margin: 10px 0
}

.link-dialog-item-title {
  display: inline-block;
  height: 100%;
  line-height: 100%;
  width: 50px
}

.link-dialog-item-input {
  box-sizing: border-box;
  width: calc(100% - 50px);
  height: 100%;
  font-size: 12px;
  text-indent: 10px
}

.file-header .h-container {
  width: 100%;
  margin: 0;
  padding: 0
}

.file-header .header-left-box {
  width: 100%
}

.file-header .header-left-box .header-right-box {
  float: right;
  position: absolute
}

.s-header-text {
  height: 50px;
  line-height: 50px;
  margin-left: 4px;
  vertical-align: top
}

.s-header-text,
.s-header-time {
  display: inline-block;
  float: left
}

.s-header-time {
  margin-left: 13px;
  margin-top: 1px;
  font-size: 12px;
  color: #999
}

.s-header-img-list {
  float: right;
  height: 24px;
  margin-top: 11px;
  margin-right: 10px
}

.title-input {
  padding: 2px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 700;
  box-sizing: content-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.title-input-pre {
  position: absolute;
  display: inline-block;
  visibility: hidden;
  width: 0;
  height: 0;
  left: -10px;
  overflow: scroll;
  white-space: nowrap
}

.span-input-wrap {
  display: inline-block;
  position: relative
}

.span-input {
  float: left;
  margin-top: 14px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  background: inherit;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0
}

.span-input:hover {
  border-color: #b3b3b3
}

.span-input:focus {
  border-color: #73a2e3
}

.span-input-tooltip {
  display: none;
  position: absolute;
  top: 45px;
  left: 50%
}

.span-input-tooltip.active {
  display: block
}

.new-sheet-btn {
  float: left;
  width: 50px;
  height: 28px;
  background-position: -246px -135px;
  border-right: 1px solid #e2e2e2
}

.sheet-item-wrap {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  color: #333;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2
}

.sheet-item-wrap.hovered {
  background-color: #ddd
}

.sheet-item-wrap.current {
  background-color: #f7f7f7;
  border-right: none;
  border-left: none;
  border-bottom: none;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2)
}

#readonly .sheet-item-wrap,
.mobile .sheet-item-wrap,
.readonly .sheet-item-wrap,
.s-history .sheet-item-wrap {
  padding: 0 10px
}

.s-footer-wrap {
  border-top: 1px solid #b9b9b9;
  background-color: #f0f0f0
}

.s-footer-wrap .d-menu-wrap {
  position: relative;
  margin: 0;
  height: auto
}

.s-footer-wrap .menu-wrap-inner {
  position: absolute;
  left: 0;
  bottom: 31px;
  width: 120px;
  z-index: 200;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #fff;
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 1px 1px hsla(0, 0%, 53%, .4);
  -moz-box-shadow: 0 0 1px 1px hsla(0, 0%, 53%, .4);
  -ms-box-shadow: 0 0 1px 1px hsla(0, 0%, 53%, .4);
  -o-box-shadow: 0 0 1px 1px hsla(0, 0%, 53%, .4);
  box-shadow: 0 0 1px 1px hsla(0, 0%, 53%, .4)
}

.s-footer-wrap .closed .menu-wrap-inner,
.s-footer-wrap .menu-wrap-inner:after,
.s-footer-wrap .menu-wrap-inner:before {
  display: none
}

.s-footer-wrap .d-menu-wrap .d-menu-display-wrap {
  padding-left: 16px
}

.s-footer-wrap .d-menu-wrap .d-menu-display-wrap:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.s-footer-wrap .d-menu-display-wrap .s-toolbar-icon,
.s-footer-wrap .menu-item-text {
  float: none
}

.s-footer-wrap .menu-item-text {
  width: auto
}

.s-footer-wrap .s-toolbar-icon {
  vertical-align: top;
  background-size: 800px 95px
}

.sheet-item-icon {
  display: inline-block;
  width: 30px;
  text-indent: -10px
}

.sheet-editor {
  display: inline-block;
  max-width: 240px;
  min-width: 10px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  font-size: 1.2rem;
  color: #333;
  line-height: 28px;
  text-align: center
}

.editable {
  line-height: 18px;
  padding-top: 4px
}

.editable,
.spreadsheet-view .editable:active,
.spreadsheet-view .editable:focus {
  border-bottom: 1px solid #73a2e3
}

.delete-sheet-dialog .dialog {
  width: 380px
}

.delete-sheet-dialog .dialog-foot {
  text-align: right
}

.delete-sheet-dialog-desc {
  padding: 17px 40px
}

.delete-sheet-btn {
  margin-right: 15px
}

.s-sheet-page-wrap {
  display: inline-block;
  vertical-align: top
}

.page-btn {
  border: none;
  background: none;
  border-left: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2
}

.page-btn.disable {
  opacity: .3
}

.page-btn:focus {
  outline: none
}

.s-page-next {
  border-right: 1px solid #e2e2e2
}

.f-next-icon,
.f-pre-icon {
  display: inline-block;
  width: 11px;
  height: 20px
}

.f-pre-icon {
  background-position: -186px -138px
}

.f-next-icon {
  background-position: -224px -138px
}

.s-sheet {
  position: relative;
  display: inline-block;
  max-width: 70%;
  white-space: nowrap
}

.s-sheet-scroller {
  overflow-x: auto;
  overflow-y: hidden
}

.s-sheet-scroller::-webkit-scrollbar {
  display: none
}

.ui-sortable {
  position: relative;
  padding: 0 3px 3px 0
}

.is-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.ui-sortable:after,
.ui-sortable:before {
  content: " ";
  display: table
}

.ui-sortable:after {
  clear: both
}

.ui-sortable .ui-sortable-item.ui-sortable-dragging {
  position: absolute;
  z-index: 1688;
  background: #f7f7f7
}

.ui-sortable .ui-sortable-placeholder {
  display: none
}

.ui-sortable .ui-sortable-placeholder.visible {
  display: inline-block;
  z-index: -1;
  opacity: .4;
  -ms-filter: alpha(alpha=40);
  border: 1px dashed #ccc
}

.selected-item-wrap .menu-item-text,
.single-sheet-wrap {
  display: inline-block;
  height: 38px;
  line-height: 40px;
  padding-right: 10px;
  overflow: hidden;
  font-size: 14px;
  color: #666
}

.selected-item-wrap {
  position: relative
}

.d-menu-mask {
  z-index: 2000;
  opacity: 1;
  background: rgba(0, 0, 0, .3)
}

.menu-scroller-wrap {
  max-height: 400px
}

.m-multi-sheet-wrap {
  float: right;
  max-width: 120px
}

.m-multi-sheet-wrap .d-menu-wrap {
  height: 28px;
  margin: 0
}

.m-multi-sheet-wrap .d-menu-wrap .menu-wrap {
  position: absolute;
  top: 28px;
  right: 9%;
  width: 82%;
  z-index: 2001;
  max-height: 400px;
  overflow: auto;
  background: #fff
}

.m-multi-sheet-wrap .d-menu-wrap .menu-wrap:after,
.m-multi-sheet-wrap .d-menu-wrap .menu-wrap:before {
  left: auto;
  top: -7px;
  right: 10px;
  border-width: 7px
}

.m-multi-sheet-wrap .menu-item {
  padding: 0 30px;
  height: 48px;
  line-height: 48px;
  font-size: 15px;
  color: #666;
  text-align: left
}

.m-multi-sheet-wrap .menu-item .menu-item-text {
  display: block;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #ddd
}

.m-multi-sheet-wrap .menu-item:first-child {
  margin-top: 10px
}

.m-multi-sheet-wrap .menu-item:last-child .menu-item-text {
  border-bottom: none
}

.m-multi-sheet-wrap .menu-item-selected {
  color: #333;
  background: #eee
}

.m-multi-sheet-wrap .s-toolbar-icon {
  position: absolute;
  top: 10px;
  right: 1px;
  display: inline-block;
  width: 5px;
  height: 20px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/toolbar_2x-a846c7bdd9.png");
  background-repeat: no-repeat;
  background-size: 800px 67px;
  background-position: -642px 0
}

.readonly .menu-item-text {
  float: none;
  width: auto;
  line-height: inherit;
  text-align: left
}

.readonly .m-multi-sheet-wrap .d-menu-display-wrap {
  box-shadow: none
}

.readonly .selected-item-wrap .menu-item-text {
  line-height: 33px
}

.readonly .m-multi-sheet-wrap .s-toolbar-icon {
  top: 8px
}

.s-head-readonly-wrap {
  position: relative
}

.spreadsheet-view.readonly .findbar-container {
  top: 50px
}

.findbar-container {
  display: none;
  position: fixed;
  z-index: 198;
  top: 99px;
  right: 40px;
  height: 34px;
  font-size: 12px;
  line-height: 16px;
  padding: 11px 43px 11px 20px;
  background: #f7f7f7;
  border: 1px solid #d1d1d1;
  border-top: transparent
}

.findbar-container.active {
  display: block
}

.findbar-input-box {
  display: inline-block
}

.findbar-input {
  height: 34px;
  border-radius: 2px;
  line-height: 15px;
  padding: 5px 96px 5px 12px;
  width: 280px;
  font-size: 12px;
  color: #333;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.findbar-input,
.replace-body-item-input {
  border-color: #e5e5e5;
  color: #999
}

.findbar-input:hover,
.replace-body-item-input:hover {
  border-color: #ccc;
  color: #999
}

.findbar-input:focus,
.replace-body-item-input:focus {
  border-color: #a6a6a6;
  color: #333
}

.findbar-input-text {
  color: #333;
  margin-right: 10px
}

.findbar-result {
  width: 50px;
  line-height: 18px;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  color: #999
}

.findbar-close {
  padding: 10px;
  display: inline-block;
  height: 15px;
  position: absolute;
  top: 11px;
  right: 10px;
  cursor: pointer
}

.findbar-arrow {
  margin-left: -96px;
  width: 88px;
  position: relative;
  margin-top: 8px
}

.findbar-arrow,
.findbar-arrow-item {
  height: 18px;
  display: inline-block;
  vertical-align: top
}

.findbar-arrow-item {
  text-align: center;
  width: 19px;
  cursor: pointer;
  background: url("https://assets-cdn.shimo.im/assets/images/search_replace_icon-bd5064d60d.png") no-repeat;
  background-size: 200px 100px;
  background-position: -100px -50px
}

.findbar-arrow-item:hover {
  opacity: .7
}

.findbar-arrow-item.disable {
  cursor: default;
  opacity: .5
}

.findbar-arrow-item.disable:hover {
  opacity: .5
}

.findbar-arrow-down {
  background-position: -50px -50px
}

.table-search-highlight {
  position: relative
}

.table-search-highlight:before {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #dfbd15;
  content: " ";
  opacity: .25
}

.table-search-highlight.search-active:before {
  opacity: .5
}

.readonly .findbar-container {
  top: 66px
}

.findbar-handler {
  color: #888;
  height: 34px;
  line-height: 28px;
  display: inline-block;
  width: 22px;
  margin: 0 2px 0 10px;
  text-align: center;
  vertical-align: top;
  cursor: pointer
}

.findbar-handler:hover {
  color: #333
}

.findbar-handler-icon {
  background: url("https://assets-cdn.shimo.im/assets/images/search_replace_icon-bd5064d60d.png") no-repeat;
  background-size: 200px 100px;
  background-position: -141px -41px
}

.findbar-handler-icon:hover {
  background-position: -141px 9px
}

.replace-dialog {
  position: fixed;
  padding: 0 40px;
  width: 340px;
  height: 256px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default
}

.replace-dialog-close {
  display: inline-block;
  padding: 30px;
  float: right;
  margin-right: -30px;
  cursor: pointer
}

.replace-dialog-header {
  height: 80px
}

.replace-dialog-header-text {
  line-height: 80px;
  font-size: 16px
}

.replace-body-item {
  height: 34px;
  margin-bottom: 6px;
  color: #333
}

.replace-body-item-text {
  display: inline-block;
  width: 60px;
  line-height: 34px;
  float: left
}

.replace-body-item-input {
  border-radius: 2px;
  line-height: 18px;
  padding: 7px 8px 7px 12px;
  width: 258px;
  font-size: 12px;
  box-shadow: none
}

.replace-dialog-result {
  margin-top: -6px;
  min-height: 30px;
  line-height: 30px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
  width: 340px;
  overflow: hidden
}

.replace-dialog-footer.disable {
  opacity: .5
}

.replace-dialog-footer .btn {
  height: 30px;
  line-height: 30px;
  width: 90px;
  box-sizing: border-box;
  margin-right: 20px
}

.replace-dialog-footer .replace-dialog-replace-all {
  width: 120px;
  margin-right: 0
}

.formula-auto-complete {
  background-color: #fff;
  box-shadow: 0 3px 4px hsla(0, 0%, 53%, .4);
  border-radius: 2px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #eee
}

.formula-auto-complete::-webkit-scrollbar {
  width: 5px;
  background-color: transparent
}

.formula-auto-complete::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: hsla(0, 0%, 65%, .5)
}

.formula-auto-complete .fac-list {
  width: 296px;
  max-height: 346px
}

.formula-auto-complete .fac-list-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 20px;
  line-height: 2
}

.formula-auto-complete .fac-list-active {
  background-color: #f5f5f5
}

.formula-auto-complete .fac-list-active .fac-list-item-detail {
  display: inline-block!important
}

.formula-auto-complete .fac-args {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: center;
  min-width: 310px;
  height: 34px;
  padding: 10px;
  font-size: 12px
}

.formula-auto-complete .fac-args-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1;
  margin: 0 .5em;
  white-space: nowrap
}

.formula-auto-complete .fac-hide {
  display: none
}

.formula-auto-complete .fac-weak-text {
  color: #999
}

.formula-auto-complete .fac-pointer {
  border-left: 1px solid #bebebe;
  padding-left: 4px;
  cursor: pointer;
  pointer-events: all
}

.formula-auto-complete .fac-pointer.hicon:active {
  color: inherit
}

.formula-auto-complete .fac-pointer.hicon.icon-close {
  height: 20px;
  padding-left: 10px;
  font-size: 14px
}

.formula-auto-complete .fac-pointer.hicon.icon-close:before {
  position: relative;
  top: 3px
}

.gc-theme-version {
  position: absolute;
  z-index: 2013
}

.gc-corner-hover,
.gc-corner-normal,
.gc-corner-selected,
.gc-grayArea {
  background-color: #fff
}

.gc-corner-triangle-normal {
  background-color: #dfdfdf;
  background-image: -webkit-linear-gradient(top, #dfdfdf, #dfdfdf);
  background-image: -moz-linear-gradient(top, #dfdfdf, #dfdfdf);
  background-image: -ms-linear-gradient(top, #dfdfdf, #dfdfdf);
  background-image: -o-linear-gradient(top, #dfdfdf, #dfdfdf);
  background-image: linear-gradient(180deg, #dfdfdf, #dfdfdf)
}

.gc-corner-triangle-hover,
.gc-corner-triangle-normal {
  border-style: solid;
  border-left-color: #efefef!important;
  border-right-color: #d5ded5!important;
  border-top-color: #efefef!important;
  border-bottom-color: #d5ded5!important
}

.gc-corner-triangle-hover {
  background-color: #9e9e9e;
  background-image: -webkit-linear-gradient(top, #9e9e9e, #9e9e9e);
  background-image: -moz-linear-gradient(top, #9e9e9e, #9e9e9e);
  background-image: -ms-linear-gradient(top, #9e9e9e, #9e9e9e);
  background-image: -o-linear-gradient(top, #9e9e9e, #9e9e9e);
  background-image: linear-gradient(180deg, #9e9e9e, #9e9e9e)
}

.gc-corner-triangle-selected {
  background-color: #217346;
  background-image: -webkit-linear-gradient(top, #217346, #217346);
  background-image: -moz-linear-gradient(top, #217346, #217346);
  background-image: -ms-linear-gradient(top, #217346, #217346);
  background-image: -o-linear-gradient(top, #217346, #217346);
  background-image: linear-gradient(180deg, #217346, #217346);
  border-style: solid;
  border-left-color: #efefef!important;
  border-right-color: #d5ded5!important;
  border-top-color: #efefef!important;
  border-bottom-color: #d5ded5!important
}

.gc-columnHeader-normal {
  background-color: #fff
}

.gc-columnHeader-hover,
.gc-columnHeader-normal {
  color: #444;
  background-image: none;
  border-style: solid;
  border-left-color: #efefef!important;
  border-right-color: #d5ded5!important;
  border-bottom-color: #ababab!important
}

.gc-columnHeader-hover {
  background-color: #9fd5b7
}

.gc-columnHeader-selected {
  background-color: #d3f0e0
}

.gc-columnHeader-highlight,
.gc-columnHeader-selected {
  color: #217346;
  background-image: none;
  border-style: solid;
  border-left-color: #efefef!important;
  border-right-color: #d5ded5!important;
  border-bottom-color: #ababab!important
}

.gc-columnHeader-highlight {
  background-color: #e1e1e1
}

.gc-rowHeader-normal {
  background-color: #fff
}

.gc-rowHeader-hover,
.gc-rowHeader-normal {
  color: #444;
  background-image: none;
  border-style: solid;
  border-top-color: #efefef!important;
  border-bottom-color: #d5ded5!important;
  border-right-color: #ababab!important
}

.gc-rowHeader-hover {
  background-color: #9fd5b7
}

.gc-rowHeader-selected {
  background-color: #d3f0e0
}

.gc-rowHeader-highlight,
.gc-rowHeader-selected {
  color: #217346;
  background-image: none;
  border-style: solid;
  border-top-color: #efefef!important;
  border-bottom-color: #d5ded5!important;
  border-right-color: #ababab!important
}

.gc-rowHeader-highlight {
  background-color: #e1e1e1
}

.gc-horizontal-scrollbar {
  background-color: #f6f6f6;
  border-top-color: #ababab
}

.gc-vertical-scrollbar {
  border-left-color: #ababab
}

.gc-footer-corner,
.gc-vertical-scrollbar {
  background-color: #f6f6f6
}

.gc-selection {
  background-color: hsla(0, 0%, 8%, .2);
  color: hsla(0, 0%, 94%, .7)
}

.gc-drag-indicator,
.gc-selection {
  border-color: #217346
}

.gc-gridlineColor {
  border-color: #d4d4d4
}

.gc-group {
  background-color: #fff;
  color: #ababab
}

.gc-group-box {
  background-color: #fff;
  color: #666;
  border-color: #828790
}

.gc-tabStripNewTab-highlight {
  border-color: #777
}

.gc-tabStripNewTab-hover {
  border-color: #439467
}

.gc-tabStripBackground {
  background-image: -webkit-linear-gradient(top, #f6f6f6, #f6f6f6);
  background-image: -moz-linear-gradient(top, #f6f6f6, #f6f6f6);
  background-image: -ms-linear-gradient(top, #f6f6f6, #f6f6f6);
  background-image: -o-linear-gradient(top, #f6f6f6, #f6f6f6);
  background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6);
  background-color: #f6f6f6;
  border-color: #ababab
}

.gc-tabStripResizeBarInner {
  color: #b3b3b3
}

.gc-navMoreButton-highlight {
  border-color: #0a6332
}

.gc-navButton-hover,
.gc-navMoreButton-hover {
  border-color: #439467
}

.gc-navButton-highlight {
  border-color: #0a6332
}

.gc-navButton-normal {
  border-color: #c6c6c6
}

.gc-tab-normal {
  color: #444
}

.gc-tab-hover,
.gc-tab-normal {
  background-image: none;
  background-color: transparent;
  border-style: solid;
  border-left-color: #ababab;
  border-bottom-color: #217346
}

.gc-tab-hover {
  color: #252627
}

.gc-tab-active {
  color: #217346;
  background-image: none;
  background-color: #fff;
  border-style: solid;
  border-left-color: #ababab;
  border-bottom-color: #217346
}

.gc-rowHeaderFill {
  background-color: #e4ecf7
}

.gc-colHeaderFill {
  background-image: -webkit-linear-gradient(top, #f6fafb 12.5%, #d2dbeb);
  background-image: -moz-linear-gradient(top, #f6fafb 12.5%, #d2dbeb);
  background-image: -ms-linear-gradient(top, #f6fafb 12.5%, #d2dbeb);
  background-image: -o-linear-gradient(top, #f6fafb 12.5%, #d2dbeb);
  background-image: linear-gradient(180deg, #f6fafb 12.5%, #d2dbeb);
  background-color: #d2dbeb
}

.gc-gradientButton {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, #f6fafb, #d2dbeb);
  background-image: -moz-linear-gradient(top, #f6fafb, #d2dbeb);
  background-image: -ms-linear-gradient(top, #f6fafb, #d2dbeb);
  background-image: -o-linear-gradient(top, #f6fafb, #d2dbeb);
  background-image: linear-gradient(180deg, #f6fafb, #d2dbeb)
}

.gc-sheetTabEditor::-ms-clear {
  display: none
}

.gc-layout-table {
  font-size: 12px;
  width: 100%;
  height: 100%;
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif
}

.gc-layout-table-first-column {
  width: 21px;
  border-right: 1px solid #ccc;
  text-align: right;
  padding-top: 7px
}

.gc-layout-table-last-column {
  width: 18px
}

.gc-filter-sort-desc-container {
  border-bottom: 1px solid #ccc
}

.gc-filter-dialog-style {
  background: #fcfdfd;
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  border: 1px solid #a7abb0
}

.gc-search-outer-div {
  border: none;
  margin: 4px 0 0 4px;
  background-color: #fff;
  background-image: none;
  color: #1e395b;
  font-weight: 400
}

div.gc-search-outer-div input::-ms-clear {
  display: none
}

#gc-filterSearch {
  width: 165px;
  height: 21px;
  border: 1px solid #ababab;
  margin-left: 7px;
  margin-top: 4px;
  margin-bottom: 0;
  padding: 0;
  font-size: 1em;
  color: #000;
  float: none
}

#gc-filterSearch:active,
#gc-filterSearch:hover {
  background-color: #fff
}

.gc-check-uncheck-all {
  float: left;
  width: 16px;
  height: 16px;
  display: inline-block
}

.gc-fill-type-item .gc-check-image,
.gc-filter-check-outerDiv .gc-check-image {
  background-image: url()
}

.gc-fill-type-item .gc-uncheck-image,
.gc-filter-check-outerDiv .gc-uncheck-image {
  background-image: url()
}

.gc-check-image,
.gc-uncheck-image {
  background-position: 50%
}

.gc-filter-check-outerDiv {
  height: 18px;
  margin-top: 4px
}

a.gc-filter-check-style {
  color: #1e395b;
  text-shadow: none
}

a.gc-filter-check {
  text-decoration: none
}

a.gc-filter-check:hover {
  text-decoration: underline
}

#gc-sortASC:active,
#gc-sortASC:hover {
  border-color: #e3e3e3;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.gc-filter-sort {
  border: 1px solid transparent;
  font-weight: 400;
  color: #222
}

.gc-filter-hover {
  border-radius: 0;
  outline: none
}

.gc-filter-item {
  position: relative;
  cursor: default;
  font-weight: 400;
  border-style: solid;
  border-color: transparent
}

.gc-filter-item-container {
  border: 1px solid #a7abb0;
  border-radius: 3px;
  margin: 4px 0 4px 4px;
  overflow: hidden
}

.gc-filter-item-input {
  float: left;
  clear: left
}

.gc-filter-button {
  width: 90px;
  height: 27px;
  margin: 2px 1px 5px
}

.gc-filter-button-disable {
  opacity: .35;
  background-image: none
}

#gc-filterOK {
  margin-left: 13px
}

#gc-filterCancel,
#gc-filterOK {
  margin-bottom: 5px;
  float: left
}

.gc-filter-button-default {
  border: 1px solid #acacac;
  border-radius: 0;
  background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5);
  background-image: -moz-linear-gradient(top, #f0f0f0, #e5e5e5);
  background-image: -ms-linear-gradient(top, #f0f0f0, #e5e5e5);
  background-image: -o-linear-gradient(top, #f0f0f0, #e5e5e5);
  background-image: linear-gradient(180deg, #f0f0f0, #e5e5e5);
  font-weight: 400;
  color: #000
}

.gc-filter-button-hover {
  border-radius: 0;
  background-color: #d3f0e0;
  background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc);
  background-image: -moz-linear-gradient(top, #ecf4fc, #dcecfc);
  background-image: -ms-linear-gradient(top, #ecf4fc, #dcecfc);
  background-image: -o-linear-gradient(top, #ecf4fc, #dcecfc);
  background-image: linear-gradient(180deg, #ecf4fc, #dcecfc);
  color: #000;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer
}

.gc-filter-button-active {
  border: 1px solid #569de5;
  border-radius: 0;
  background-color: #ffe475;
  background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc);
  background-image: -moz-linear-gradient(top, #daecfc, #c4e0fc);
  background-image: -ms-linear-gradient(top, #daecfc, #c4e0fc);
  background-image: -o-linear-gradient(top, #daecfc, #c4e0fc);
  background-image: linear-gradient(180deg, #daecfc, #c4e0fc);
  font-weight: 400;
  color: #000;
  -webkit-box-shadow: none;
  box-shadow: none
}

.gc-filter-item-hover {
  background-color: #d3f0e0;
  color: #1d5987;
  text-shadow: none
}

.gc-filter-item-hover,
.gc-smartMenu-item-default {
  border: 1px solid transparent;
  background-image: none;
  font-weight: 400
}

.gc-smartMenu-item-default {
  background-color: #fff;
  color: #1e395b;
  border-radius: 0
}

.gc-smartMenu-item-hover {
  border: 1px solid #86bfa0;
  background-color: #d3f0e0;
  background-image: none;
  color: #1d5987;
  font-weight: 400;
  text-shadow: none
}

.gc-smart-tag-default {
  border: 1px solid #ababab;
  background: #fff;
  color: #1e395b;
  font-weight: 400;
  border-radius: 0
}

.gc-smart-tag-hover {
  background-color: #fff;
  color: #1d5987;
  text-shadow: none
}

.gc-smart-tag-active,
.gc-smart-tag-hover {
  border: 1px solid #9fd5b7;
  background-image: none;
  font-weight: 400
}

.gc-smart-tag-active {
  background-color: #9fd5b7;
  color: #262626;
  -webkit-box-shadow: none;
  box-shadow: none
}

.gc-menu-item-input {
  width: 16px;
  height: 16px;
  margin: 1px;
  float: left;
  display: inline-block
}

.gc-menu-item-text {
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  float: left;
  padding-top: 2px;
  font-family: Arial
}

.gc-fill-menu-container {
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .4);
  cursor: default
}

.gc-toolstrip-default {
  background: #fff;
  border: 1px solid #c6c6c6
}

.gc-toolstrip-button-style,
.gc-toolstrip-button-style:active {
  color: #000;
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none
}

.gc-tab-tip-span {
  padding: 4px 14px;
  line-height: 16px;
  font-size: 14px;
  color: #000;
  background: #fff
}

.gc-spread-toolTip {
  border: 1px solid #bebebe;
  border-radius: 0;
  background-color: #fff;
  background-image: none;
  color: #217346
}

.gc-no-user-select {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.gcsj-func-ac-popup {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 22px;
  position: absolute;
  width: 300px;
  z-index: 2001;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.gcsj-func-ac-row {
  margin: 0;
  cursor: default;
  padding: 2px 10px;
  color: #666
}

.gcsj-func-ac-row-name {
  color: #222;
  font-size: 13px;
  font-family: inconsolata, monospace, arial, sans, sans-serif;
  margin: -2px 0
}

.gcsj-func-ac-row-description {
  color: #666;
  display: none;
  font-size: 11px;
  margin: -2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.gcsj-ac-row-active {
  background-color: #f5f5f5;
  color: #000;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 1px 10px
}

.gcsj-ac-row-active .gcsj-func-ac-row-description {
  display: block
}

.gcsj-func-help-popup {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  color: #222;
  font-size: 11px;
  word-wrap: break-word;
  position: absolute;
  width: 320px;
  z-index: 2001;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.gcsj-func-help-title {
  background-color: #f5f5f5;
  color: #222;
  font-size: 13px;
  padding: 1px 0 1px 10px
}

.gcsj-func-help-body {
  border-top: 1px solid #ebebeb;
  font-family: arial, sans-serif;
  overflow: hidden
}

.gcsj-func-help-content {
  padding-bottom: 2px
}

.gcsj-func-help-section {
  padding: 5px 10px
}

.gcsj-func-help-section-title {
  font-size: 11px;
  color: #666
}

.gcsj-func-help-section-content {
  font-size: 11px
}

.gcsj-func-help-formula {
  font-family: inconsolata, monospace, arial, sans, sans-serif;
  padding: 1px 0
}

.gcsj-func-help-paramter {
  padding-left: 1px
}

.gcsj-func-help-paramter-active {
  background-color: #feb
}

.gcsj-func-color-content {
  white-space: pre-wrap
}

.gc-floatingobject-selected {
  border: 1px solid #939393
}

.gc-floatingobject-unselected {
  background-color: transparent;
  border: 1px solid transparent
}

.gc-floatingobject-container {
  position: absolute;
  overflow: hidden;
  box-sizing: content-box
}

.gc-floatingobject-background-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

.gc-floatingobject-moving-container {
  position: absolute;
  overflow: hidden
}

.gc-floatingobject-moving-div {
  position: absolute;
  border: 1px solid #000
}

.gc-floatingobject-resize-indicator {
  box-sizing: content-box
}

.gc-floatingobject-resize-indicator-select {
  background-color: #fff;
  border-radius: 2px;
  -moz-border-radius: 1px;
  border: 1px solid #939393;
  z-index: 100
}

.gc-floatingobject-resize-indicator-unSelect {
  display: none
}

.gc-floatingobject-absolute {
  position: absolute
}

.gc-floatingobject-content-container {
  box-sizing: content-box
}

.gc-scroll-container {
  background-color: #eaeaea;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.gc-scroll-corner-all {
  border-radius: 2px
}

.gc-scroll-arrow {
  background-color: #fff;
  border-style: solid;
  border-color: #ababab;
  background-image: none;
  border-radius: 0
}

.gc-scroll-arrow .gc-scroll-arrowUp {
  background-image: url()
}

.gc-scroll-arrowUp {
  background-position: 50%
}

.gc-scroll-arrow .gc-scroll-arrowDown {
  background-image: url()
}

.gc-scroll-arrowDown {
  background-position: 50%
}

.gc-scroll-arrow .gc-scroll-arrowLeft {
  background-image: url()
}

.gc-scroll-arrowLeft {
  background-position: 50%
}

.gc-scroll-arrow .gc-scroll-arrowRight {
  background-image: url()
}

.gc-scroll-arrowRight {
  background-position: 50%
}

.gc-scroll-bar .gc-scrollbar-vertical {
  background-image: none;
  background-repeat: no-repeat
}

.gc-scrollbar-vertical {
  background-position: 50%
}

.gc-scroll-bar .gc-scrollbar-horizontal {
  text-indent: 0;
  background-image: none;
  background-repeat: no-repeat
}

.gc-scrollbar-horizontal {
  background-position: 50%
}

.gc-scrollbar-wrapper {
  background-color: transparent
}

.gc-scroll-bar {
  border-style: solid;
  border-color: #ababab;
  background-color: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0
}

.gc-scroll-arrow-hover {
  border-style: solid;
  border-color: #777;
  background: #fff
}

.gc-scrollbar-stateHover {
  border-style: solid;
  border-color: #ababab;
  background: #f0f0f0
}

.gc-scroll-arrow:active,
.gc-scroll-bar:active,
.gc-scrollbar-stateActive {
  border-style: solid;
  border-color: #777;
  background: #f0f0f0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.gc-filter-button {
  width: 25px
}

.gc-corner-triangle-selected {
  background-color: #76a4e2;
  background-image: -webkit-linear-gradient(top, #76a4e2, #76a4e2);
  background-image: -moz-linear-gradient(top, #76a4e2, #76a4e2);
  background-image: -ms-linear-gradient(top, #76a4e2, #76a4e2)
}

.gc-columnHeader-highlight,
.gc-columnHeader-hover,
.gc-columnHeader-normal,
.gc-columnHeader-selected {
  border-left-color: #d0d3d7!important;
  border-right-color: #d0d3d7!important
}

.gc-rowHeader-highlight,
.gc-rowHeader-hover,
.gc-rowHeader-normal,
.gc-rowHeader-selected {
  border-top-color: #d0d3d7!important;
  border-bottom-color: #d0d3d7!important
}

.gc-columnHeader-normal,
.gc-rowHeader-normal {
  color: #666;
  background-color: #f7f7f7
}

.gc-columnHeader-highlight,
.gc-columnHeader-selected,
.gc-rowHeader-highlight,
.gc-rowHeader-selected {
  color: #666;
  background-color: #e0e0e0
}

.gc-columnHeader-filter-highlight,
.gc-columnHeader-filter-open {
  color: #666;
  background-color: #e4edf7;
  background-image: none!important;
  border-style: solid;
  border-left-color: #d0d3d7!important;
  border-right-color: #d0d3d7!important;
  border-bottom-color: #ababab!important
}

.gc-rowHeader-filter-highlight,
.gc-rowHeader-filter-open {
  color: #666;
  background-color: #e8edf2;
  background-image: none!important;
  border-style: solid;
  border-top-color: #d0d3d7!important;
  border-bottom-color: #d5ded5!important;
  border-right-color: #ababab!important
}

.gc-columnHeader-filter-open,
.gc-rowHeader-filter-open {
  background-color: #deeaf3
}

.gc-columnHeader-hover,
.gc-rowHeader-hover {
  color: #666;
  background-color: #d8d8d8
}

.gc-selection {
  background-color: rgba(117, 163, 225, .2);
  border-color: #73a2e3
}

.gc-spread-toolTip {
  border: 1px solid transparent;
  border-radius: 3px;
  background-color: #41464b;
  font-weight: 400;
  padding: 5px 10px;
  color: #fff;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .4)
}

.gc-tab-normal {
  color: #878787;
  border-bottom-color: #878787
}

.gc-tab-active,
.gc-tab-hover {
  color: #41464b;
  border-bottom-color: #41464b
}

.gc-tabStripNewTab-highlight {
  border-color: #878787
}

.gc-tabStripNewTab-hover {
  border-color: #41464b
}

#gc-filterSearch {
  display: block;
  width: 189px;
  height: 26px;
  padding: 6px 12px;
  font-size: 12px;
  color: #333;
  border-radius: 2px;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e5e5;
  box-shadow: inset 0 1px 3px 0 #e5e5e5;
  -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

#gc-filterSearch:focus {
  outline: 0;
  border-color: #a6a6a6!important;
  color: #333
}

#gc-filterSearch:hover {
  border-color: #ccc
}

.gc-filter-item-hover {
  background-color: #f5f5f5
}

.gc-filter-dialog-style {
  background: #fafafa;
  font-family: Helvetica, Tahoma, Arial, STXihei, \\534E\6587\7EC6\9ED1, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif;
  font-size: 12px;
  border: 1px solid #eee;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3)!important;
  border-radius: 1px
}

.gc-filter-dialog-style .gc-search-outer-div {
  background-color: transparent
}

.gc-filter-dialog-style .gc-layout-table-first-column {
  width: 32px
}

.gc-filter-dialog-style .gc-layout-table-first-column img {
  position: relative;
  left: 20px;
  top: 3px;
  width: 15px;
  height: 16px
}

.gc-filter-dialog-style .gc-layout-table-last-column {
  width: 32px
}

.gc-filter-dialog-style #gc-sortASC,
.gc-filter-dialog-style #gc-sortDES {
  position: relative;
  left: 20px;
  width: 160px
}

.gc-filter-dialog-style #gc-filterCancel {
  right: -8px
}

.gc-filter-dialog-style #gc-filterCancel:hover {
  border-color: #9ea0a3;
  border-radius: 2px
}

.gc-filter-dialog-style #gc-filterOK {
  background: #41464b;
  border-color: #41464b;
  color: #fff;
  border-radius: 2px
}

.gc-filter-dialog-style #gc-filterOK:hover {
  background-color: #313438;
  border-color: #313438;
  border-radius: 2px!important
}

.gc-filter-check-outerDiv {
  margin-top: 10px
}

.gc-filter-item-container {
  margin-top: -4px
}

#gc-filterOK {
  float: right;
  margin-bottom: 7px
}

#gc-filterCancel {
  display: none
}

.gc-filter-item-wrapper {
  font-family: Helvetica, Tahoma, Arial, STXihei, \\534E\6587\7EC6\9ED1, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif
}

.gc-filter-button-hover {
  border: 1px solid #7eb4ea;
  border-radius: 2
}

textarea[gcuielement=gcEditingInput] {
  padding: 1px 4px!important;
  line-height: 1.3!important
}

.gc-filter-check-outerDiv .gc-check-image {
  background-repeat: no-repeat;
  background-size: 12px 13px;
  background-image: url()
}

.gc-filter-check-outerDiv .gc-part-check-image {
  background-repeat: no-repeat;
  background-size: 12px 13px;
  background-image: url()
}

.gc-filter-check-outerDiv .gc-uncheck-image {
  background-repeat: no-repeat;
  background-size: 12px 13px;
  background-image: url()
}

.gc-part-check-image {
  background-position: 50%
}

.gc-filter-item-text {
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 12px;
  margin: 2px;
  white-space: nowrap;
  word-wrap: normal;
  float: left;
  clear: right;
  max-width: 128px;
  overflow: hidden;
  text-overflow: ellipsis
}

.gc-sheetTabEditor {
  font-size: 13px;
  height: 15px;
  padding: 1px 0;
  border: 0;
  outline: none;
  box-shadow: none
}

.gc-statistic-dom {
  float: right;
  padding-right: 45px;
  color: #555;
  cursor: pointer;
  display: none
}

.gc-statistic-dom .gc-statistic-icon {
  float: right;
  width: 15px;
  background-image: url();
  background-repeat: no-repeat;
  background-size: 7px 9px;
  background-position: 50%
}

.gc-statistic-dom:hover .gc-statistic-icon {
  background-image: url("")
}

.gc-statistic-num,
.gc-statistic-type {
  float: right;
  padding: 0 2px;
  user-select: none
}

.gc-scroll-container {
  background-color: #f7f7f7!important
}

.gc-scroll-bar {
  background: #e2e2e2!important;
  border-color: #e2e2e2!important
}

.gc-scroll-bar:active,
.gc-scroll-bar:hover,
.gc-scrollbar-stateActive,
.gc-scrollbar-stateHover {
  background: #bcbec0!important;
  border-color: #bcbec0!important
}

.gc-scroll-arrow .gc-scroll-arrowLeft {
  transform: rotate(180deg)
}

.gc-scroll-arrow .gc-scroll-arrowLeft,
.gc-scroll-arrow .gc-scroll-arrowRight,
.gc-scroll-arrow .gc-scroll-arrowUp {
  background-image: url("")
}

.gc-scroll-arrow .gc-scroll-arrowUp {
  transform: rotate(-90deg)
}

.gc-scroll-arrow .gc-scroll-arrowDown {
  background-image: url("");
  transform: rotate(90deg)
}

.gc-scroll-arrow.btn,
.gc-scrollbar-wrapper.btn {
  border-radius: 0
}

.spread-contextmenu {
  position: fixed;
  z-index: 1000;
  background: #fff;
  min-width: 88px;
  padding: 10px 0;
  font-size: 12px;
  color: #2b2b2b;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .26);
  -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .26);
  -ms-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .26);
  -o-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .26);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .26)
}

.spread-contextmenu.hidden {
  display: none
}

.spread-contextmenu.tab-menu {
  text-align: left;
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-shadow: 0 0 1px 1px hsla(0, 0%, 53%, .4);
  -moz-box-shadow: 0 0 1px 1px hsla(0, 0%, 53%, .4);
  -ms-box-shadow: 0 0 1px 1px hsla(0, 0%, 53%, .4);
  -o-box-shadow: 0 0 1px 1px hsla(0, 0%, 53%, .4);
  box-shadow: 0 0 1px 1px hsla(0, 0%, 53%, .4)
}

.spread-contextmenu.viewport {
  width: 140px
}

.spread-contextmenu-item {
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  cursor: pointer
}

.spread-contextmenu-item:hover {
  background: #f4f4f5
}

.spread-contextmenu-item.disabled {
  cursor: default;
  color: #999
}

.spread-contextmenu-item.disabled:hover {
  background: #f4f4f5
}

.contextmenu-item-container {
  position: relative
}

.contextmenu-item-number {
  font-size: 12px;
  width: 17px;
  height: 14px;
  line-height: 14px;
  top: 8px;
  text-indent: 0;
  border-radius: 6px;
  background: #d2d2d2;
  color: #666;
  text-align: center;
  display: inline-block;
  margin-left: 4px
}

.spread-contextmenu-tip {
  text-indent: 0;
  position: absolute;
  display: none
}

.spread-contextmenu-tip:before {
  top: 25%;
  left: 0;
  border-left-width: 0;
  border-top-width: 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #41464b;
  border-right-color: #41464b
}

.contextmenu-new-feature-tip {
  background-color: #98bceb
}

.contextmenu-new-feature-tip:before {
  border-left-color: #98bceb;
  border-right-color: #98bceb
}

.conditional-format-dialog .dialog-head {
  font-weight: 400
}

.conditional-format-dialog .dialog {
  width: 500px
}

.conditional-format-close {
  position: absolute;
  right: 35px;
  padding: 5px;
  font-size: 12px;
  top: 25px;
  cursor: pointer
}

.conditional-format-footer {
  text-align: right
}

.conditional-format-add {
  margin-right: 20px;
  cursor: pointer;
  color: #5197d4;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.conditional-format-list {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden
}

.condition-rule-list {
  margin: 0;
  width: 100px
}

.condition-rule-list .d-menu-display-wrap {
  box-shadow: none!important
}

.condition-rule-list .menu-wrap {
  width: 114px;
  margin-top: 12px
}

.condition-rule-list .menu-item {
  padding: 0 20px
}

.condition-rule-list .menu-item-text {
  width: 100%;
  text-align: left
}

.condition-rule-list .conditional-rule-input {
  width: 100px;
  line-height: 30px
}

.condition-rule-list .rule-item-selected-icon {
  position: absolute;
  right: 6px
}

.condition-item {
  position: relative;
  padding: 10px 0 10px 40px;
  font-size: 12px
}

.condition-item:hover .condition-item-delete {
  display: inline-block
}

.condition-item-title {
  line-height: 1;
  margin-bottom: 10px;
  color: #333
}

.condition-item-input {
  width: 100px;
  border: 1px solid #e5e5e5;
  line-height: 30px;
  height: 30px;
  text-indent: 10px;
  background: #fff;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
  border-radius: 2px
}

.condition-range {
  color: #999;
  background: #f5f5f5;
  width: 90px;
  white-space: nowrap;
  overflow: hidden
}

.condition-rule {
  margin: 0 10px
}

.condition-background,
.condition-rule {
  color: #333;
  width: 80px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.condition-background:after,
.condition-rule:after {
  content: " ";
  position: absolute;
  top: 12px;
  right: 8px;
  width: 5px;
  height: 3px;
  background: url(https://assets-cdn.shimo.im/assets/images/trangle-25a6b9957c.png) no-repeat;
  background-size: 5px 3px
}

.condition-item-value {
  margin-right: 10px;
  width: 140px;
  line-height: 30px;
  height: 30px;
  border-radius: 0;
  box-shadow: none;
  vertical-align: top;
  text-indent: 10px;
  box-sizing: border-box;
  border-radius: 2px;
  border-color: #e5e5e5;
  color: #333
}

.condition-item-value1,
.condition-item-value2 {
  width: 60px
}

.condition-item-value2 {
  margin-left: 10px
}

.condition-item-contains {
  display: inline-block
}

.condition-item-contains-line {
  display: inline-block;
  width: 6px;
  height: 0;
  border-bottom: 1px solid #ccc;
  margin-top: 15px;
  margin: 15px -3px 0
}

.condition-item-delete {
  line-height: 1;
  width: 20px;
  padding: 5px;
  left: 462px;
  top: 36px;
  cursor: pointer;
  position: absolute;
  display: none
}

.condition-list-empty {
  width: 45px;
  height: 45px;
  margin: 12px auto 15px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/list_empty-beb8604afd.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 90px 135px
}

.condition-rule-dropdown {
  width: 114px
}

.condition-rule-dropdown .sm-dropdown-menu-item {
  position: relative
}

.condition-rule-dropdown .format-menu-item-selected-icon {
  top: 4px;
  right: 10px
}

.condition-rule-dropdown:after,
.condition-rule-dropdown:before {
  content: " ";
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 0;
  margin-left: -7px;
  border-bottom-color: #ededed;
  top: -8px
}

.condition-rule-dropdown:after {
  top: -7px;
  border-width: 7px;
  border-bottom-color: #fff
}

.s-title-text.active {
  color: #333;
  font-weight: 700;
  display: inline-block;
  border-bottom: 1px solid #41464b
}

.s-title-text.s-title-text-history {
  margin-left: 0
}

.s-title-text.s-title-text-version {
  margin-left: 20px
}

.s-version-item {
  padding: 15px 20px;
  position: relative;
  cursor: pointer
}

.s-version-item .s-action-bar-wrap {
  position: absolute;
  bottom: 0;
  right: 0
}

.s-version-item .s-action-bar {
  padding: 0
}

.s-version-item:hover {
  background: #f3f3f3
}

.s-version-item.active {
  background: #eee
}

.s-version-item.active .s-version-delete,
.s-version-item:hover .s-version-delete {
  display: block
}

.s-version-item.active .s-version-title-edit,
.s-version-item:hover .s-version-title-edit,
.s-version-title,
.s-version-title-container {
  display: inline-block
}

.s-version-title {
  color: #333;
  font-size: 12px;
  line-height: 17px;
  min-width: 10px;
  padding: 0;
  box-shadow: none;
  background: inherit;
  border: 1px solid transparent!important;
  border-radius: 0
}

.s-version-title:focus {
  border: 1px solid #ccc!important
}

.s-version-content {
  font-size: 12px;
  line-height: 17px;
  margin-top: 7px
}

.s-version-title-edit {
  margin-left: 10px;
  width: 12px;
  height: 12px;
  opacity: .5;
  display: none
}

.s-version-title-edit:hover {
  opacity: 1
}

.s-version-delete {
  position: absolute;
  right: 0;
  top: 0;
  display: none
}

.s-history-loading {
  position: fixed;
  top: 51px;
  left: 0;
  height: 100%;
  width: 100%;
  background: #f0f0f0;
  z-index: 10
}

.s-history-loading-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px
}

#sheet-view .s-sidebar {
  z-index: 11
}

#sheet-view .doc-history-title {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#sheet-view .doc-history-title:after {
  width: 300px;
  left: 0;
  z-index: -1
}

#sheet-view .doc-sidebar-close {
  right: 14px;
  top: 6px
}

#sheet-view .s-list {
  overflow-y: auto;
  height: calc(100% - 80px)
}

#sheet-view .s-footer {
  line-height: 38px;
  background: #fdfdfd;
  color: #666;
  border-top: 1px solid #eee;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 38px;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

#sheet-view .s-title-text {
  cursor: pointer;
  height: 42px;
  line-height: 49px;
  float: left
}

.s-footer-checkbox {
  margin: 0 10px 0 20px;
  cursor: pointer;
  width: 14px;
  height: 14px;
  vertical-align: text-top
}

.s-version-delete-icon {
  vertical-align: text-top;
  margin-right: 3px
}

.s-version-empty {
  line-height: 230px;
  text-align: center;
  color: #bebebe
}

.lock-popup-dialog .dialog-head {
  font-weight: 400
}

.lock-popup-dialog .dialog {
  width: 440px
}

.lock-popup-close {
  position: absolute;
  right: 35px;
  padding: 5px;
  font-size: 12px;
  top: 25px;
  cursor: pointer
}

.lock-popup-body {
  padding: 20px;
  font-size: 12px
}

.lock-popup-body .s-toolbar-icon {
  margin-left: 64px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  vertical-align: text-top
}

.lock-popup-body-content {
  margin: 12px 20px 0
}

.lock-popup-text-area {
  margin-left: 10px;
  line-height: 36px
}

.lock-popup-text-authority {
  padding-top: 12px;
  padding-bottom: 2px
}

.lock-popup-dash-line {
  border-bottom: 1px solid #e5e5e5
}

.lock-popup-operator-wrap {
  max-height: 170px;
  height: 170px;
  overflow: auto;
  margin-right: 0
}

.lock-popup-operator-list {
  margin-top: 12px
}

.lock-popup-operator-list .sm-dropdown-button {
  display: inline-block;
  margin-left: 9px
}

.lock-popup-operator-avatar {
  width: 20px;
  height: 20px;
  background-image: url("/static/unmd5/default-avatar-moke.png");
  background-size: cover;
  vertical-align: middle;
  border-radius: 20px
}

.lock-popup-operator-name {
  width: 70px;
  margin-left: 10px
}

.lock-popup-operator-email {
  margin-left: 14px;
  width: 155px
}

.lock-popup-operator-owner {
  margin-left: 24px
}

.lock-popup-operator-item {
  line-height: 30px
}

.lock-popup-operator-item,
.lock-popup-range {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle
}

.lock-popup-range {
  box-sizing: border-box;
  margin: 0;
  max-width: 294px;
  text-align: left;
  margin-left: 16px;
  border: 1px solid #e5e5e5;
  border-radius: 1px;
  width: 294px;
  height: 28px;
  line-height: 28px;
  pointer-events: none;
  user-select: none;
  padding: 0 16px
}

.lock-popup-sheet-select {
  margin: 0;
  padding: 0;
  max-width: 296px
}

.lock-popup-sheet-select.d-menu-wrap {
  text-align: left
}

.lock-popup-sheet-select .d-menu-display-wrap {
  height: 30px;
  margin-left: 16px;
  border: 1px solid #e5e5e5;
  border-radius: 1px;
  width: 294px;
  height: 28px
}

.lock-popup-sheet-select .d-menu-display-wrap:after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 12px;
  right: 8px;
  border: 4px solid transparent;
  border-top-color: silver
}

.lock-popup-sheet-select .d-menu-display-wrap .menu-item-display-text {
  display: block;
  pointer-events: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 6px 16px;
  width: 100%;
  height: 100%;
  outline: none;
  box-sizing: border-box;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: none;
  box-shadow: none
}

.lock-popup-sheet-select .menu-wrap {
  position: absolute;
  max-height: 120px;
  overflow: auto;
  width: 294px;
  left: 104px;
  z-index: 999;
  background: #fff;
  border-radius: 2px;
  margin: 0;
  box-shadow: 0 2px 8px #ccc
}

.lock-popup-sheet-select .menu-wrap .menu-wrap-inner .add-item-text {
  padding-left: 8px;
  color: #333;
  white-space: nowrap;
  display: block;
  max-width: 230px;
  text-overflow: ellipsis;
  overflow: hidden
}

.lock-popup-sheet-select .menu-wrap .menu-item-selected .menu-item-selected-icon {
  position: absolute;
  right: 2px;
  top: 7px;
  width: 13px;
  height: 13px;
  background: url("https://assets-cdn.shimo.im/assets/images/check_icon-6316f0e995.png") no-repeat;
  background-size: 13px 13px
}

.locl-popup-selection {
  height: 30px;
  margin-left: 16px;
  border: 1px solid #e5e5e5;
  border-radius: 1px;
  width: 294px;
  height: 28px;
  display: inline-block;
  text-indent: 16px
}

.lock-popup-footer {
  text-align: right
}

.lock-popup-footer .lock-popup-remove-lock {
  margin-right: 14px;
  cursor: pointer;
  color: #e95555;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.lock-popup-combobox {
  margin: 0
}

.lock-popup-combobox.d-menu-wrap {
  height: 30px;
  text-align: center;
  margin-left: 12px
}

.lock-popup-combobox .d-menu-display-wrap {
  height: 30px
}

.lock-popup-combobox .d-menu-display-wrap:hover {
  border-radius: 1px;
  box-shadow: none
}

.lock-popup-combobox .d-menu-display-wrap .menu-item-selected-icon {
  border: 1px solid #e5e5e5;
  background-color: #fff;
  border-radius: 1px;
  height: 30px;
  width: 78px;
  box-sizing: border-box;
  padding-top: 9px;
  padding-left: 10px;
  line-height: 1em;
  color: #73a2e3;
  text-align: left;
  user-select: none
}

.lock-popup-combobox .d-menu-display-wrap .menu-item-selected-icon:after {
  content: " ";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 14px;
  right: 6px;
  border: 3px solid transparent;
  border-top-color: #666
}

.lock-popup-combobox .menu-wrap {
  width: 190px;
  left: 240px;
  background: #fff;
  padding: 3px 0;
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08)
}

.lock-popup-combobox .menu-wrap:after,
.lock-popup-combobox .menu-wrap:before {
  left: 80%
}

.lock-popup-combobox .menu-wrap .menu-item {
  padding-top: 10px;
  padding-left: 15px;
  height: 46px;
  line-height: 1em;
  text-align: left;
  box-sizing: border-box
}

.lock-popup-combobox .menu-wrap .menu-item .menu-item-title {
  color: #666
}

.lock-popup-combobox .menu-wrap .menu-item .menu-item-detail {
  margin-top: 5px;
  font-size: 9px;
  color: #a5a5a5;
  -webkit-text-size-adjust: none
}

.lock-sidebar {
  width: 300px;
  height: calc(100% - 55px);
  position: absolute;
  top: 55px;
  right: 0;
  bottom: 0;
  margin-right: -300px;
  background: #fafafa;
  border: 1px solid #eee;
  box-shadow: 0 2px 4px 0 rgba(68, 68, 68, .15);
  border-radius: 1px;
  font-size: 12px;
  color: #333;
  transition: all .2s ease-in
}

.lock-sidebar.show {
  margin-right: 0
}

.lock-sidebar-title {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #ddd;
  background: inherit
}

.lock-sidebar-title-text {
  line-height: 45px;
  font-weight: 700;
  margin-left: 25px
}

.lock-sidebar-list {
  padding-top: 45px;
  overflow-y: auto;
  height: calc(100% - 80px)
}

.lock-sidebar-item {
  width: calc(100% - 25px);
  padding: 15px 0 15px 25px;
  user-select: none
}

.lock-sidebar-item:hover {
  background: #f3f3f3
}

.lock-sidebar-item.active {
  background: #eee
}

.lock-sidebar-item-range {
  line-height: 18px
}

.lock-sidebar-item-status {
  margin-top: 6px;
  color: #999;
  line-height: 18px
}

.lock-sidebar-item-btn {
  float: right;
  margin-right: 12px;
  cursor: pointer
}

.lock-sidebar-item-btn:hover {
  color: #777
}

.lock-sidebar-item-btn>.icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/desktop_list/file_icons-6928d09edc.png");
  background-size: 170px 70px;
  background-repeat: no-repeat;
  margin-right: 2px;
  vertical-align: middle
}

.lock-sidebar-item-btn>.icon.icon-btn-del {
  background-position: -62px -33px
}

.lock-sidebar-item-btn>.icon.icon-btn-set {
  background-position: -80px -33px
}

.forbidtip {
  font-size: 14px;
  font-weight: "bold";
  background: transparent;
  color: #a8a8a8;
  cursor: default!important;
  user-select: none;
  padding: 2px 6px;
  box-sizing: border-box;
  color: #41464b;
  opacity: .55
}

.quick-actions {
  position: absolute;
  z-index: 100;
  background: #fff;
  height: 34px;
  font-size: 0;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  box-shadow: 0 -2px 5px #eaeaea
}

.quick-actions:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  margin-left: -8px;
  width: 8px;
  height: 8px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: 1px 1px 1px #e5e5e5
}

.quick-actions.down {
  box-shadow: 0 2px 5px #eaeaea
}

.quick-actions.down:after {
  top: -4px;
  bottom: auto;
  box-shadow: -1px -1px 1px #e5e5e5
}

.quick-actions.arrow_left:after {
  left: 30%
}

.quick-actions.arrow_right:after {
  left: 85%
}

.quick-actions ul {
  white-space: nowrap
}

.quick-actions li {
  display: inline-block;
  font-size: 12px;
  padding: 0 20px;
  line-height: 34px
}

.s-render-loading {
  z-index: 1;
  background: hsla(0, 0%, 100%, .8)
}

.s-render-loading-img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -35px;
  margin-left: -25px
}

.mobile .s-render-loading-img {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -12px
}

.alert-middle.sm-alert-container {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  background: #000;
  opacity: .6;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px
}

.alert-middle.sm-alert-container .sm-alert-content {
  width: 100%;
  height: 100%;
  padding: 0;
  color: #fff;
  line-height: 100px;
  font-weight: 400;
  font-size: 20px;
  background: none
}

.expand-row-col-floating-object {
  width: 17px!important
}

.expand-row {
  left: 0!important
}

.expand-row .gc-floatingobject-selected {
  border: none
}

.expand-col {
  top: 0!important
}

.expand-col .gc-floatingobject-selected {
  border: none
}

.collab-floating-border {
  border: 2px solid #000;
  box-sizing: border-box;
  background: transparent
}

.collab-container {
  pointer-events: none;
  border: none!important;
  z-index: 200!important
}

.spreadsheet-view .doc-comment-container {
  visibility: visible;
  opacity: 1;
  background: #fff
}

.spreadsheet-view .doc-comment-box {
  position: static
}

.spreadsheet-view .doc-comment-box.active {
  margin-left: 0
}

.spreadsheet-view .mention-pop {
  position: fixed;
  margin-top: 50px
}

.spreadsheet-view .doc-comment-content {
  max-height: none
}

.statistic_container {
  display: block;
  border-radius: 2px;
  background: #fff;
  position: fixed;
  z-index: 999;
  min-width: 100px;
  color: #555;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  right: 32px;
  bottom: 28px
}

.statistic_container_hidden {
  display: none
}

.statistic {
  padding: 10px 0;
  cursor: pointer
}

.statistic_item {
  height: 30px;
  line-height: 30px;
  user-select: none;
  padding: 0 20px;
  white-space: pre
}

.statistic_item>span {
  pointer-events: none
}

.statistic_item:hover {
  background: #f7f7f7
}

.placeholder {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 30px;
  margin-right: 15px
}

.placeholder.selected {
  background-image: url("");
  background-position: 50%;
  background-repeat: no-repeat;
  margin-top: -3px
}

.bubble-newfeat .bubble-wrap {
  position: fixed;
  width: 32px;
  height: 32px
}

.bubble-newfeat .bubble-wrap .sm-bubble-inner,
.bubble-newfeat .bubble-wrap .sm-bubble-outter {
  position: absolute;
  opacity: .7;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #f8e1a1;
  transform: translate(-50%, -50%)
}

.bubble-newfeat .bubble-wrap .sm-bubble-inner {
  opacity: 1
}

.bubble-newfeat .bubble-wrap .sm-bubble-outter {
  animation-name: bubble-resize;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

.bubble-newfeat .sm-tooltip {
  position: fixed;
  transform: translate(-50%, 42%);
  z-index: 2!important
}

.bubble-newfeat .sm-tooltip-arrow {
  border-width: 0 5px 5px;
  top: -4px;
  right: 50%!important;
  border-bottom-color: #f5d571!important;
  transform: translateX(50%)
}

.bubble-newfeat .sm-tooltip-inner {
  height: 34px;
  line-height: 34px;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #f5d571;
  font-size: 12px;
  color: #fff
}

@keyframes bubble-resize {
  0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: .3
  }
  25% {
      opacity: .3;
      transform: translate(-50%, -50%) scale(1.8)
  }
  50%,
  to {
      opacity: 0;
      transform: translate(-50%, -50%) scale(2)
  }
}

body,
html {
  height: 100%
}

body {
  overflow: hidden
}

.hide {
  display: none
}

.fa {
  line-height: 24px
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.fl {
  float: left
}

.fr {
  float: right
}

.virtual-scroll .ht_clone_left thead th {
  opacity: 0
}

.virtual-scroll .ht_clone_left .wtHolder {
  overflow: visible
}

.virtual-scroll .ht_clone_left .wtHider {
  padding-bottom: 50px
}

.virtual-scroll .ht_clone_top .wtHolder {
  overflow: hidden
}

.virtual-scroll .ht_clone_top .wtHider {
  display: block!important
}

.virtual-scroll .ht_clone_top thead th:first-child,
.virtual-scroll .ht_master th {
  opacity: 0
}

.virtual-scroll .ht_master .wtHolder {
  overflow: visible;
  width: 100%
}

.virtual-scroll .ht_master .wtHider {
  padding-bottom: 50px
}

.selection-background {
  pointer-events: none
}

.ht_clone_left .wtHolder,
.ht_clone_top .wtHolder {
  opacity: 1!important
}

.ht_clone_left,
.ht_clone_left .wtHolder,
.ht_master,
.ht_master .wtHolder {
  height: 100%
}

.ht_master .wtHider {
  position: absolute;
  top: 0;
  left: 0
}

.image-handle {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  white-space: nowrap;
  -webkit-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  line-height: 0;
  background-position: -300px -100px
}

.image-td:hover {
  position: relative
}

.image-td:hover .image-handle {
  opacity: 1
}

.thumb-show .sheet-gallery-img-box {
  width: calc(100% - 120px);
  right: auto
}

.thumb-show .gallery-details {
  width: calc(100% - 120px)
}

.thumb-show .gallery-list {
  display: block
}

.sheet-gallery-img-box {
  width: 100%;
  height: 100%
}

.sheet-gallery-img {
  max-width: 90%;
  max-height: 90%;
  width: auto;
  height: auto;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute
}

.loading {
  height: 30px;
  line-height: 30px;
  margin: 0 auto
}

.spreadsheet-view.history .s-body,
.spreadsheet-view.history .s-head {
  visibility: hidden
}

.s-head {
  min-width: 1220px;
  clear: left;
  background-color: #f7f7f7;
  position: relative
}

.s-head .lock-sheet-toolbar-mask {
  position: absolute;
  width: 100%;
  height: 73px;
  top: 0;
  left: 0;
  background: hsla(0, 0%, 100%, 0);
  display: none
}

.s-body {
  position: relative;
  opacity: 0;
  width: 100%;
  display: inline-block;
  -webkit-transition: opacity .2s ease-in;
  -moz-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  transition: width .2s ease-in
}

.spreadsheet-view.thin .s-body,
.spreadsheet-view.thin .s-footer-wrap {
  width: calc(100% - 300px);
  box-shadow: 0 1px 6px #ccc
}

.s-history {
  position: absolute;
  top: 58px;
  left: 0;
  width: calc(100% - 330px);
  background: #f7f7f7;
  z-index: 10
}

.s-history .new-sheet-btn,
.s-history .sheet-item-icon {
  visibility: hidden
}

.s-history .s-body {
  visibility: visible!important
}

.s-history .s-footer-wrap {
  width: 100%!important
}

.s-history-head {
  color: #666;
  padding-bottom: 4px;
  margin-left: 55px;
  font-size: 12px
}

.s-history-body,
.s-sidebar {
  box-shadow: 0 1px 6px #ccc
}

.s-sidebar {
  position: absolute;
  right: 0;
  top: 55px;
  bottom: 0;
  margin-right: -300px;
  width: 300px;
  background: #f9f9f9;
  font-size: 12px;
  color: #666;
  transition: all .2s ease-in
}

.s-sidebar.show {
  margin-right: 0
}

.s-sidebar .s-tooltip {
  display: none;
  left: -60px
}

.s-sidebar .s-tooltip:before {
  top: 20%;
  left: 100%;
  margin-left: 0;
  border-top-width: 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #41464b
}

.s-tip {
  display: inline;
  cursor: help
}

.s-tip .s-tooltip {
  display: none;
  left: 273px;
  top: 2px
}

.s-tip .s-tooltip:before {
  top: 5px;
  left: -6px;
  border-width: 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: #41464b
}

.s-tip:hover .s-tooltip {
  display: block
}

.s-action-bar {
  float: right;
  padding-top: 8px;
  color: #73a2e3
}

.s-action-bar .icon-recover {
  margin-right: 3px;
  float: left;
  top: 3px
}

.s-action-bar .icon-recover:before {
  color: #73a2e3
}

.s-action-bar.disabled,
.s-action-bar.disabled .icon-recover:before {
  color: #bebebe
}

.s-title-text {
  margin-left: 5px;
  color: #bebebe;
  line-height: 37px
}

.s-history-item {
  padding: 15px 20px
}

.s-history-item.edit {
  cursor: pointer
}

.s-history-item.edit:hover {
  background: #f3f3f3
}

.s-history-item.edit.selected {
  background: #eee
}

.s-history-item.edit.selected .s-action-bar {
  display: block
}

.s-history-item.limit {
  text-align: center
}

.s-sidebar-loading {
  height: 30px;
  padding: 5px;
  box-sizing: border-box;
  text-align: center
}

.s-sidebar-loading-img {
  width: 20px;
  height: 20px
}

.s-author {
  margin-right: 5px
}

.s-time {
  float: right;
  color: #bebebe;
  line-height: 18px;
  margin-left: 15px
}

.s-content-container {
  position: relative;
  overflow: hidden
}

.s-history-content {
  display: inline;
  word-break: break-all;
  line-height: 18px
}

.s-list {
  padding-top: 40px;
  height: calc(100% - 40px);
  overflow-y: scroll;
  overflow-x: hidden
}

.s-list .spinner-wrap {
  position: relative;
  margin-top: 0;
  top: 0
}

@keyframes spinner-fade {
  0% {
      background-color: gray
  }
}

.spreadsheet-view.ready .s-body {
  opacity: 1
}

.s-formula-wrap {
  height: 26px;
  line-height: 26px;
  border-top: 1px solid #ddd
}

.s-formula-left {
  float: left;
  padding: 0 9px;
  border-right: 1px solid #ccc
}

.s-formula-editor {
  margin-left: 54px
}

.s-formula-editor .s-cell {
  padding-right: 20px
}

.formula-paras {
  display: inline-block;
  min-width: 20px;
  min-height: 16px;
  color: #1fa67a
}

.size-dialog-body {
  padding: 10px 40px;
  line-height: 30px
}

.s-d-label {
  padding-right: 7px
}

.s-d-label-info {
  font-size: 12px;
  margin-left: 10px
}

.set-size-input {
  line-height: 26px;
  text-indent: 4px
}

.set-size-dialog .dialog {
  width: 400px
}

.set-size-dialog .dialog-foot {
  text-align: right
}

.set-size-btn {
  margin-right: 10px
}

.s-footer-wrap {
  left: 0;
  bottom: 0
}

.h-view,
.s-footer-wrap {
  position: fixed;
  width: 100%
}

.h-view {
  top: 125px;
  height: calc(100% - 125px);
  overflow: hidden
}

.h-view-wrap {
  min-height: 100px
}

.show-preview .s-footer-wrap {
  bottom: 24px
}

.s-history-body .h-view {
  top: 99px;
  height: calc(100% - 103px);
  border-top: 1px solid #d1d1d1
}

.readonly .h-view {
  top: 50px
}

.readonly.mobile .h-view {
  top: 81px
}

.manualColumnMoverBorder,
.manualColumnMoverGuide {
  top: 147px!important;
  z-index: 200
}

.manualRowMoverBorder,
.manualRowMoverGuide {
  left: 50px!important;
  z-index: 200
}

.handsontable .manualColumnMover.active,
.handsontable .manualColumnMover:hover,
.handsontable .manualRowMover.active,
.handsontable .manualRowMover:hover {
  background: transparent
}

.manualColumnMover,
.manualRowMover {
  display: none;
  cursor: -webkit-grab!important;
  cursor: grab!important
}

.manualColumnMover.active,
.manualRowMover.active {
  display: block
}

.manualRowMover {
  left: 0!important
}

.manualColumnMover {
  top: 124px!important
}

.manualColumnMoverGuide,
.manualRowMoverGuide {
  pointer-events: none;
  background-color: hsla(0, 0%, 70%, .35)!important;
  box-sizing: border-box
}

.manualRowMoverGuide {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.manualColumnMoverGuide {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd
}

.manualColumnMoverBorder,
.manualRowMoverBorder {
  height: 2px;
  position: fixed;
  background: #b3b3b3;
  display: none
}

.manualColumnMoverBorder.active,
.manualRowMoverBorder.active {
  display: block
}

.manualColumnMoverBorder {
  width: 2px
}

.pressed .manualColumnMover,
.pressed .manualColumnMoverBorder,
.pressed .manualColumnResizer,
.pressed .manualRowMover,
.pressed .manualRowMoverBorder,
.pressed .manualRowResizer,
.pressed .wtBorder {
  pointer-events: none
}

.pressed .handsontable td,
.pressed .handsontable th {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

#commentable .htContextMenu,
#commentable .manualColumnMover,
#commentable .manualColumnResizer,
#commentable .manualRowMover,
#commentable .manualRowResizer,
#readonly .htContextMenu,
#readonly .manualColumnMover,
#readonly .manualColumnResizer,
#readonly .manualRowMover,
#readonly .manualRowResizer {
  display: none!important
}

.htDisabled {
  pointer-events: none
}

.collab-floating-name {
  text-align: center;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.collab-floating-name:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.collab-floating-name>* {
  vertical-align: middle
}

.h-view-footer-add {
  height: 20px;
  width: 600px;
  position: fixed;
  bottom: 45px;
  left: 51px;
  line-height: 20px;
  font-size: 12px;
  padding: 8px 0;
  color: #666
}

.h-view-footer-add * {
  display: inline-block
}

.sheet-add-input {
  line-height: 18px;
  width: 40px;
  height: 20px;
  padding: 3px 0;
  margin: 0 5px;
  text-align: center;
  box-sizing: border-box
}

.sheet-add-btn {
  color: #6da0e3;
  margin: 0 20px
}

.sheet-add-error {
  color: #cd4747
}

.sheet-add-btn,
.sheet-add-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.historyWrap {
  float: right;
  margin-top: 10px;
  user-select: none;
  position: relative
}

.historyWrap:hover .s-tooltip {
  display: block
}

.historyWrap.disabled {
  color: #aeaeae
}

.historyWrap .s-tooltip {
  display: none;
  left: 50%
}

.historyWrap em {
  font-style: normal;
  color: #6886aa;
  padding: 0 5px
}

.historyWrap span.hisBtn {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background: #fff;
  margin-left: 5px;
  vertical-align: -4px;
  box-shadow: 0 1px 1px #ddd;
  position: relative;
  border-radius: 2px;
  cursor: pointer
}

.historyWrap span.hisBtn.hisBtnDisable {
  opacity: .5
}

.historyWrap span.hisBtn:before {
  content: "";
  border-style: solid;
  border-color: #666;
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  top: 7px;
  transform: rotate(45deg)
}

.historyWrap .hisBtnPrev:before {
  border-width: 0 0 1px 1px;
  left: 8px
}

.historyWrap .hisBtnNext:before {
  border-width: 1px 1px 0 0;
  left: 6px
}

.expand-row-col-floating-object {
  background-image: url("https://assets-cdn.shimo.im/assets/images/expand_row_col-e2b028c14d.png");
  background-repeat: no-repeat;
  background-size: 72px 18px;
  cursor: pointer;
  width: 18px!important;
  height: 18px!important
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .expand-row-col-floating-object {
      background-image: url("https://assets-cdn.shimo.im/assets/images/expand_row_col_2x-7b42088f85.png")
  }
}

.expand-row-col-floating-object-row {
  background-position: 0 0;
  margin-top: -9px
}

.expand-row-col-floating-object-row:hover {
  background-position: -18px 0
}

.expand-row-col-floating-object-col {
  background-position: -36px 0;
  margin-left: -9px
}

.expand-row-col-floating-object-col:hover {
  background-position: -54px 0
}

.expand-row-col-icon {
  overflow: visible
}

.operations.sm-dropdown {
  border: 0;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  -o-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2)
}

.operations.sm-dropdown-menu {
  width: 140px;
  color: #666
}

.operations.sm-dropdown-menu .sm-dropdown-menu-item-selected {
  color: #73a2e3;
  position: relative
}

.operations.sm-dropdown-menu .sm-dropdown-menu-item-selected:after {
  position: absolute;
  top: 6px;
  right: 15px;
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  background: 50% no-repeat;
  background-image: url();
  background-size: 14px 14px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .operations.sm-dropdown-menu .sm-dropdown-menu-item-selected:after {
      background-image: url()
  }
}

.operations.sm-dropdown-menu .sm-dropdown-menu-item-selected.operations-noselect {
  color: #666
}

.operations.sm-dropdown-menu .sm-dropdown-menu-item-selected.operations-noselect:after {
  display: none
}

.operations.sm-dropdown-menu .locksheet_disabled {
  color: #999;
  cursor: default;
  user-select: none
}

.operations.sm-dropdown-menu:before {
  content: "";
  display: block;
  border: 7px solid transparent;
  position: absolute;
  top: -15px;
  left: 111px;
  width: 0;
  border-bottom-color: #f0f0f0
}

.operations.sm-dropdown-menu:after {
  content: "";
  display: block;
  border: 7px solid transparent;
  position: absolute;
  top: -14px;
  left: 111px;
  width: 0;
  border-bottom-color: #fff
}

.operations.sm-dropdown-menu .operations-tip {
  text-indent: 0;
  display: none;
  top: 80px;
  left: -55px
}

.operations.sm-dropdown-menu .operations-tip:before {
  top: 25%;
  left: 105%;
  border-right-width: 0;
  border-top-width: 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #41464b;
  border-right-color: #41464b
}

.operations.sm-dropdown-button {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: 50% no-repeat;
  border: 0;
  vertical-align: middle;
  background-image: url();
  background-size: 26px 26px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .operations.sm-dropdown-button {
      background-image: url()
  }
}

.operations.sm-dropdown-button:after {
  display: none
}

.operations.sm-dropdown-button:hover {
  background-image: url();
  background-size: 26px 26px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .operations.sm-dropdown-button:hover {
      background-image: url()
  }
}

.operations .operations-red {
  color: #ee837d
}

.operations-tip {
  text-indent: 0;
  display: none;
  left: -50px
}

.operations-tip:before {
  top: 25%;
  left: 105%;
  border-right-width: 0;
  border-top-width: 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #41464b;
  border-right-color: #41464b
}

.operations-info-dialog-creator {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.file-mover-dialog.flat-dialog {
  user-select: none
}

.file-mover-dialog.flat-dialog .dialog {
  width: 480px;
  height: 473px
}

.file-mover-dialog.flat-dialog .dialog-body {
  padding: 0 52px
}

.file-mover-navigator {
  position: relative;
  height: 74px;
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -26px;
  padding: 0 15px
}

.file-mover-navigator .navigator-title {
  display: inline-block;
  overflow-x: hidden;
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
  color: #333;
  font-weight: 700;
  width: auto;
  max-width: 330px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.file-mover-navigator .navigator-back {
  float: left;
  display: inline-block;
  line-height: 24px;
  width: 24px;
  height: 24px;
  margin-top: 30px;
  margin-right: 15px;
  padding: 0;
  background-repeat: no-repeat;
  background-image: url();
  background-size: 24px 24px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .file-mover-navigator .navigator-back {
      background-image: url()
  }
}

.file-mover-navigator .disable {
  cursor: default
}

.file-mover-navigator .disable .navigator-back {
  opacity: .2
}

.file-mover-navigator .file-mover-close {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  right: 4px;
  top: 23px
}

.file-mover-navigator .file-mover-close:hover .dialog-close-icon {
  background-image: url();
  background-size: 10px 10px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .file-mover-navigator .file-mover-close:hover .dialog-close-icon {
      background-image: url()
  }
}

.file-mover-navigator .dialog-close-icon {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 10px;
  height: 10px;
  background-image: url();
  background-size: 10px 10px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .file-mover-navigator .dialog-close-icon {
      background-image: url()
  }
}

.file-mover-list {
  margin: 0 -52px;
  height: 315px;
  overflow: auto
}

.file-mover-list .file-list-item {
  height: 45px;
  padding: 0 15px;
  margin: 0 26px;
  line-height: 45px;
  cursor: pointer
}

.file-mover-list .file-list-item .file-star-icon {
  position: static
}

.file-mover-list .file-list-item.disable {
  cursor: default
}

.file-mover-list .file-list-item.disable .file-icon,
.file-mover-list .file-list-item.disable .file-name-text,
.file-mover-list .file-list-item.disable .file-tag-icon {
  opacity: .7
}

.file-mover-list .file-list-item:hover {
  background-color: #f5f5f5
}

.file-mover-list .file-list-item:hover .enter-folder-icon {
  display: block
}

.file-mover-list .file-name-text {
  max-width: 240px
}

.file-mover-list .list-empty {
  margin-top: 120px
}

.file-mover-list .list-empty-icon {
  width: 60px;
  height: 60px;
  background-size: 120px 180px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .file-mover-list .list-empty-icon {
      background-position: 0 -32px;
      background-size: 60px 90px
  }
}

.file-mover-list .enter-folder-icon {
  display: none;
  float: right;
  width: 24px;
  height: 24px;
  margin-top: 10px;
  background-image: url();
  background-size: 24px 24px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .file-mover-list .enter-folder-icon {
      background-image: url()
  }
}

.file-mover-action {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 20px;
  margin: 0 -52px;
  text-align: right
}

.file-mover-action .file-mover-btn {
  height: 32px;
  line-height: 30px;
  overflow-x: hidden;
  max-width: 174px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.file-sprite.file-shared.file-folder-icon {
  background-image: url();
  background-size: 26px 26px;
  background-position: 0 0
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .file-sprite.file-shared.file-folder-icon {
      background-image: url()
  }
}

.list-menu-item-icon.menu-locate-folder-icon {
  background-image: url();
  background-size: 20px 20px;
  background-position: 0 0
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .list-menu-item-icon.menu-locate-folder-icon {
      background-image: url()
  }
}

.list-menu-item-icon.menu-move-file-icon {
  background-image: url();
  background-size: 20px 20px;
  background-position: 0 0
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .list-menu-item-icon.menu-move-file-icon {
      background-image: url()
  }
}

#invite-friends-modal-container .dialog {
  width: 505px
}

#invite-friends-modal-container .dialog .dialog-head {
  margin-bottom: 20px;
  color: #333
}

#invite-friends-modal-container .dialog-body {
  padding: 0
}

#invite-friends-modal-container .question-tip {
  display: inline-block;
  text-align: center;
  font-size: 9px;
  line-height: 14px;
  width: 14px;
  height: 14px;
  position: relative;
  top: -2px;
  border-radius: 50%;
  color: #a0a2a5;
  background: #ececed
}

#invite-friends-modal-container .icon-close {
  color: #c2c2c2;
  cursor: pointer;
  transition: color .3s linear;
  -ms-transition: color .3s linear;
  -webkit-transition: color .3s linear;
  -moz-transition: color .3s linear;
  -o-transition: color .3s linear
}

#invite-friends-modal-container .icon-close:hover {
  color: #7f7f7f
}

#invite-friends-modal-container .invite-friends-body-wrapper {
  font-size: 12px;
  line-height: 20px;
  padding: 0 40px
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper {
  position: relative
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .invite-friends-section-title {
  font-size: 14px;
  font-weight: 700;
  color: #8ab3e9;
  margin-bottom: 10px
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .invite-friends-desc {
  position: relative;
  margin-bottom: 15px
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .highlight,
#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper a {
  color: #8ab3e9
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper a.disabled {
  color: #ccc
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .invite-friends-text {
  position: relative;
  margin-right: 110px
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .invite-friends-text .paragraph {
  margin-bottom: 10px
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .invite-friends-text .invite-friends-claim {
  position: absolute;
  left: 100%;
  margin-left: 10px;
  width: 100px;
  cursor: pointer
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .invite-friends-text .disabled {
  color: #ccc;
  cursor: not-allowed
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .invite-friends-text-success {
  margin-bottom: 5px
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .invite-friends-summary-wrapper {
  position: relative;
  border: 1px solid #e5e5e5;
  background: #f7f7f7;
  padding: 15px 25px
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .invite-friends-summary-wrapper:after,
#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .invite-friends-summary-wrapper:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .invite-friends-summary-wrapper:after {
  left: 26px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f7f7f7
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .invite-friends-summary-wrapper:before {
  left: 24px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e5e5e5
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .line-through {
  text-decoration: line-through
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper .bind-success {
  color: #7a9880;
  margin-left: 10px
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper-bindself {
  width: 425px;
  height: 80px
}

#invite-friends-modal-container .invite-friends-body-wrapper .invite-friends-section-wrapper-bindself .invie-frinends-section-left {
  width: 76%;
  height: 100%
}

#invite-friends-modal-container .invite-friends-body-wrapper hr {
  color: #e5e5e5;
  margin: 25px 0
}

#invite-friends-modal-container .invite-friends-body-wrapper .qrcode {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0
}

#invite-friends-modal-container .invite-friends-modal-footer {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  background: #8ab3e9;
  position: relative;
  margin-top: 30px;
  padding: 15px;
  text-align: center
}

#invite-friends-modal-container .invite-friends-modal-footer a {
  color: inherit
}

#invite-friends-modal-container .dialog-foot:empty {
  height: 0;
  display: none
}

.bonus-tip-wrapper {
  padding: 20px 0;
  width: 250px;
  line-height: 26px;
  white-space: normal
}

.bonus-tip-wrapper .bonus-tip-head {
  padding: 0 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #333
}

.bonus-tip-wrapper .bonus-tip-head .price-desc {
  font-size: 10px
}

.bonus-tip-wrapper .bonus-tip-head .price-number {
  font-size: 18px
}

.bonus-tip-wrapper hr {
  margin-bottom: 15px
}

.bonus-tip-wrapper .bonus-tip-body {
  padding: 0 20px;
  font-size: 12px;
  color: #666
}

.bubble-- {
  display: inline-block;
  position: relative;
  font-weight: 400
}

.bubble-- .bubble--container {
  display: inline-block;
  position: absolute;
  top: -1.5em;
  left: 100%;
  margin-left: 1em;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  white-space: nowrap;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity .3s ease-out;
  -ms-transition: visibility 0s, opacity .3s ease-out;
  -webkit-transition: visibility 0s, opacity .3s ease-out;
  -moz-transition: visibility 0s, opacity .3s ease-out;
  -o-transition: visibility 0s, opacity .3s ease-out
}

.bubble-- .bubble--container .bubble--content {
  display: inline-block;
  background: #fff;
  position: relative;
  z-index: 3;
  border-radius: inherit
}

.bubble-- .bubble--container .bubble--tip {
  position: absolute;
  top: 1.5em;
  left: -.29em;
  transform: rotate(135deg);
  width: 0;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: .7em solid transparent;
  border-right: .7em solid #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  z-index: 2
}

.bubble--:hover .bubble--container {
  visibility: visible;
  opacity: 1
}

.sm-tooltip,
.sm-tooltip * {
  box-sizing: border-box;
  pointer-events: none
}

.sm-tooltip {
  position: absolute;
  z-index: 1999;
  display: block;
  visibility: visible;
  pointer-events: none
}

.sm-tooltip-hidden {
  display: none
}

.sm-tooltip-placement-top,
.sm-tooltip-placement-topLeft,
.sm-tooltip-placement-topRight {
  padding: 5px 0 8px
}

.sm-tooltip-placement-right,
.sm-tooltip-placement-rightBottom,
.sm-tooltip-placement-rightTop {
  padding: 0 5px 0 8px
}

.sm-tooltip-placement-bottom,
.sm-tooltip-placement-bottomLeft,
.sm-tooltip-placement-bottomRight {
  padding: 8px 0 5px
}

.sm-tooltip-placement-left,
.sm-tooltip-placement-leftBottom,
.sm-tooltip-placement-leftTop {
  padding: 0 8px 0 5px
}

.sm-tooltip-inner {
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  border-radius: 2px;
  background-color: #41464b;
  font-size: 12px;
  white-space: nowrap;
  color: #fff;
  pointer-events: none
}

.sm-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.sm-tooltip-placement-top .sm-tooltip-arrow,
.sm-tooltip-placement-topLeft .sm-tooltip-arrow,
.sm-tooltip-placement-topRight .sm-tooltip-arrow {
  bottom: 3px;
  border-width: 5px 5px 0;
  border-top-color: #41464b
}

.sm-tooltip-placement-top .sm-tooltip-arrow {
  left: 50%;
  margin-left: -5px
}

.sm-tooltip-placement-topLeft .sm-tooltip-arrow {
  left: 16px
}

.sm-tooltip-placement-topRight .sm-tooltip-arrow {
  right: 16px
}

.sm-tooltip-placement-right .sm-tooltip-arrow,
.sm-tooltip-placement-rightBottom .sm-tooltip-arrow,
.sm-tooltip-placement-rightTop .sm-tooltip-arrow {
  left: 3px;
  border-width: 5px 5px 5px 0;
  border-right-color: #41464b
}

.sm-tooltip-placement-right .sm-tooltip-arrow {
  top: 50%;
  margin-top: -5px
}

.sm-tooltip-placement-rightTop .sm-tooltip-arrow {
  top: 8px
}

.sm-tooltip-placement-rightBottom .sm-tooltip-arrow {
  bottom: 8px
}

.sm-tooltip-placement-left .sm-tooltip-arrow,
.sm-tooltip-placement-leftBottom .sm-tooltip-arrow,
.sm-tooltip-placement-leftTop .sm-tooltip-arrow {
  right: 3px;
  border-width: 5px 0 5px 5px;
  border-left-color: #41464b
}

.sm-tooltip-placement-left .sm-tooltip-arrow {
  top: 50%;
  margin-top: -5px
}

.sm-tooltip-placement-leftTop .sm-tooltip-arrow {
  top: 8px
}

.sm-tooltip-placement-leftBottom .sm-tooltip-arrow {
  bottom: 8px
}

.sm-tooltip-placement-bottom .sm-tooltip-arrow,
.sm-tooltip-placement-bottomLeft .sm-tooltip-arrow,
.sm-tooltip-placement-bottomRight .sm-tooltip-arrow {
  top: 3px;
  border-width: 0 5px 5px;
  border-bottom-color: #41464b
}

.sm-tooltip-placement-bottom .sm-tooltip-arrow {
  left: 50%;
  margin-left: -5px
}

.sm-tooltip-placement-bottomLeft .sm-tooltip-arrow {
  left: 16px
}

.sm-tooltip-placement-bottomRight .sm-tooltip-arrow {
  right: 16px
}

.dt-external-entry {
  position: relative;
  display: inline-block;
  left: 112px
}

.dt-external-entry.dt-mode-file {
  left: 20px
}

.dt-external-tag {
  display: block;
  position: relative;
  height: 20px;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  background: #41464b;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.dt-external-tag:before {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  width: 0;
  height: 0;
  border: 10px solid #41464b;
  border-left-width: 0;
  border-top-color: transparent;
  border-bottom-color: transparent
}

@media (max-width:380px) {
  .dt-external-entry.dt-mode-file {
      position: fixed;
      z-index: 1000;
      top: 15px;
      right: 5px;
      left: auto
  }
}

.bubble-wrap {
  position: relative;
  width: 32px;
  height: 32px
}

.guide-tip-no-bubble {
  width: 0;
  height: 0
}

.bubble-inner,
.bubble-outter {
  position: absolute;
  opacity: .7;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #f8e1a1;
  transform: translate(-50%, -50%)
}

.bubble-inner {
  opacity: 1
}

.blue .bubble-inner,
.blue .bubble-outter {
  background-color: rgba(108, 160, 227, .7)
}

.bubble-outter {
  animation-name: bubble-resize;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

@keyframes bubble-resize {
  0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: .3
  }
  25% {
      opacity: .3;
      transform: translate(-50%, -50%) scale(1.8)
  }
  50%,
  to {
      opacity: 0;
      transform: translate(-50%, -50%) scale(2)
  }
}

.guide-tip-wrap .sm-tooltip-inner {
  height: 34px;
  line-height: 34px;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #f5d571;
  font-size: 12px;
  color: #fff
}

.guide-tip-wrap .sm-tooltip-placement-top .sm-tooltip-arrow,
.guide-tip-wrap .sm-tooltip-placement-topLeft .sm-tooltip-arrow,
.guide-tip-wrap .sm-tooltip-placement-topRight .sm-tooltip-arrow {
  border-top-color: #f5d571
}

.guide-tip-wrap .sm-tooltip-placement-right .sm-tooltip-arrow,
.guide-tip-wrap .sm-tooltip-placement-rightBottom .sm-tooltip-arrow,
.guide-tip-wrap .sm-tooltip-placement-rightTop .sm-tooltip-arrow {
  border-right-color: #f5d571
}

.guide-tip-wrap .sm-tooltip-placement-left .sm-tooltip-arrow,
.guide-tip-wrap .sm-tooltip-placement-leftBottom .sm-tooltip-arrow,
.guide-tip-wrap .sm-tooltip-placement-leftTop .sm-tooltip-arrow {
  border-left-color: #f5d571
}

.guide-tip-wrap .sm-tooltip-placement-left .sm-tooltip-arrow {
  margin-top: -5px
}

.guide-tip-wrap .sm-tooltip-placement-bottom .sm-tooltip-arrow,
.guide-tip-wrap .sm-tooltip-placement-bottomLeft .sm-tooltip-arrow,
.guide-tip-wrap .sm-tooltip-placement-bottomRight .sm-tooltip-arrow {
  border-bottom-color: #f5d571
}

.guide-tip-wrap.blue .sm-tooltip-inner {
  background-color: #98bceb
}

.guide-tip-wrap.blue .sm-tooltip-placement-top .sm-tooltip-arrow,
.guide-tip-wrap.blue .sm-tooltip-placement-topLeft .sm-tooltip-arrow,
.guide-tip-wrap.blue .sm-tooltip-placement-topRight .sm-tooltip-arrow {
  border-top-color: #98bceb
}

.guide-tip-wrap.blue .sm-tooltip-placement-right .sm-tooltip-arrow,
.guide-tip-wrap.blue .sm-tooltip-placement-rightBottom .sm-tooltip-arrow,
.guide-tip-wrap.blue .sm-tooltip-placement-rightTop .sm-tooltip-arrow {
  border-right-color: #98bceb
}

.guide-tip-wrap.blue .sm-tooltip-placement-left .sm-tooltip-arrow,
.guide-tip-wrap.blue .sm-tooltip-placement-leftBottom .sm-tooltip-arrow,
.guide-tip-wrap.blue .sm-tooltip-placement-leftTop .sm-tooltip-arrow {
  border-left-color: #98bceb
}

.guide-tip-wrap.blue .sm-tooltip-placement-bottom .sm-tooltip-arrow,
.guide-tip-wrap.blue .sm-tooltip-placement-bottomLeft .sm-tooltip-arrow,
.guide-tip-wrap.blue .sm-tooltip-placement-bottomRight .sm-tooltip-arrow {
  border-bottom-color: #98bceb
}

.history-icon {
  display: inline-block;
  margin-right: 15px;
  width: 38px;
  height: 26px;
  background: #fafafa 50% no-repeat;
  border-radius: 2px;
  cursor: pointer;
  background-image: url();
  background-size: 14px 14px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .11);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .11);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .11);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .11);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .11)
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .history-icon {
      background-image: url()
  }
}

.history-icon:hover {
  background-color: #f5f5f5;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.edit-right-box {
  width: 166px!important
}

.edit-right-box .list-share-box {
  padding-right: 11px
}

.edit-right-box>div {
  float: right
}

#header .list-share-box {
  padding-right: 15px
}

.s-menu-btn-wrap {
  width: 166px!important
}

.s-menu-btn-wrap .share-btn-wrap {
  margin-right: 15px
}

.teamwork-popover-trigger {
  cursor: pointer;
  background: #fafafa;
  border-radius: 2px;
  border: 0 none;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  color: #888;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  margin: 0 auto;
  text-align: center;
  width: 48px
}

.teamwork-popover-trigger.sm-popover-open,
.teamwork-popover-trigger:hover {
  background: #f5f5f5;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.teamwork-popover * {
  box-sizing: border-box
}

.teamwork-popover .sm-tab {
  margin-bottom: 10px
}

.teamwork-popover .sm-popover-inner-content {
  width: 480px;
  min-height: 460px;
  max-height: 500px;
  padding: 25px
}

.teamwork-popover .user-list {
  height: 315px
}

.teamwork-popover .teamwork-shared-users {
  margin-top: -9px
}

.teamwork-popover .teamwork-shared-users .user-list {
  height: 334px
}

.teamworker-sharelist-inner .dialog-body {
  min-height: 370px
}

.teamworker-sharelist-inner .teamwork-add-users,
.teamworker-sharelist-inner .teamwork-shared-users,
.teamworker-sharelist-inner .teamwork-transfer-ownship {
  margin: 0 40px
}

.teamworker-sharelist-inner .invite-link {
  margin-top: 20px
}

.teamwork-shared-users .doc-link-input-box {
  height: 64px;
  padding: 20px 10px 10px;
  margin: 0 -10px;
  border-top: 1px solid #ddd
}

.teamwork-shared-users .doc-link-input {
  width: 310px;
  border: 1px solid #ddd;
  margin-right: 5px;
  border-radius: 1px;
  height: 34px
}

.teamwork-shared-users .doc-share-copy {
  width: 75px;
  border: 1px solid #ddd;
  border-radius: 1px;
  height: 34px
}

.teamwork-shared-users .doc-link-qr {
  border: 1px solid #ddd!important
}

.teamworker-sharelist-inner .doc-link-input-box {
  box-sizing: border-box
}

.teamworker-sharelist-inner .doc-link-input {
  width: 280px
}

.teamwork-add-users .sm-form-control,
.teamwork-add-users .sm-form-control * {
  box-sizing: border-box
}

.teamwork-add-users .sm-form-control {
  display: flex;
  width: 100%;
  margin-bottom: 10px
}

.teamwork-add-users .sm-form-control .team-icon-search {
  flex: 0 0 20px;
  margin-right: 5px
}

.teamwork-add-users .sm-form-control input {
  border: 0 none;
  box-shadow: none;
  flex: 1;
  height: 22px;
  line-height: 22px
}

.teamwork-add-users .search-result-user-list {
  height: 371px
}

.roles-menu,
.roles-menu * {
  box-sizing: border-box
}

.roles-menu .danger {
  color: #ba3636
}

.roles-menu .sm-dropdown-menu-item span {
  display: block;
  color: #666
}

.roles-menu .sm-dropdown-menu-item span:nth-child(2) {
  color: #a5a5a5;
  padding-top: 3px
}

.roles-menu .tooltip {
  display: none
}

.roles-menu .sm-dropdown-menu-item-disabled {
  position: relative
}

.roles-menu .sm-dropdown-menu-item-disabled span {
  opacity: .3
}

.roles-menu .sm-dropdown-menu-item-disabled:hover .tooltip {
  display: block;
  top: 15px;
  left: -6px
}

.sm-dropdown-button.ownship {
  border: 0 none!important;
  cursor: auto
}

.invite-link {
  font-size: 12px;
  display: flex;
  background: url("https://assets-cdn.shimo.im/assets/images/invite_link_2x-a2e10ca1d8.png") 0 0 no-repeat;
  background-size: 28px 350px;
  padding: 0 0 20px 40px
}

.invite-link .sm-dropdown-button {
  flex: 0 0 80px
}

.invite-link .sm-dropdown-button.empty {
  color: #ba3636
}

.invite-link .state {
  flex: 1;
  line-height: 12px;
  color: #666
}

.invite-link .state div:last-child {
  padding-top: 5px;
  color: #a5a5a5
}

.teamwork-add-users,
.teamwork-shared-users,
.teamwork-transfer-ownship {
  position: relative
}

.teamwork-add-users .sm-tab,
.teamwork-shared-users .sm-tab,
.teamwork-transfer-ownship .sm-tab {
  margin: 0 -10px
}

.teamwork-add-users .btn-ok,
.teamwork-shared-users .btn-ok,
.teamwork-transfer-ownship .btn-ok {
  margin-top: 10px;
  font-size: 13px
}

.teamwork-add-users .waterfall,
.teamwork-shared-users .waterfall,
.teamwork-transfer-ownship .waterfall {
  margin-right: -25px
}

#readonly #pad-view-inner .buddle-comment-btn,
#readonly #pad-view-inner .display-menu-list .change-comment-btn,
#readonly #pad-view-inner .display-menu-list .history-btn,
#readonly #pad-view-inner .doc-comment-container,
#readonly #pad-view-inner .list-share-box,
#readonly #pad-view-inner .operation-list .delete-btn,
#readonly #pad-view-inner .operation-list hr {
  display: none!important
}

#readonly #pad-view-inner #doc-title-input {
  pointer-events: none
}

#readonly #pad-view-inner .editbar-list-item:not(:last-child) {
  opacity: .3;
  pointer-events: none
}

#readonly #pad-view-inner .edit-right-box:after {
  content: "\53EA\80FD\9605\8BFB";
  position: absolute;
  right: 60px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #888
}

#commentable #pad-view-inner .list-share-box,
#commentable #pad-view-inner .operation-list .delete-btn,
#commentable #pad-view-inner .operation-list hr {
  display: none!important
}

#commentable #pad-view-inner #doc-title-input {
  pointer-events: none
}

#commentable #pad-view-inner .editbar-list-item:not(:last-child) {
  opacity: .3;
  pointer-events: none
}

#commentable #pad-view-inner .edit-right-box:after {
  content: "\53EF\4EE5\8BC4\8BBA";
  position: absolute;
  right: 60px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #888
}

#commentable .spreadsheet-view .s-menu-btn-wrap:after,
#readonly .spreadsheet-view .s-menu-btn-wrap:after {
  content: "\53EA\80FD\9605\8BFB";
  position: absolute;
  right: 80px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #888
}

#commentable .spreadsheet-view .actions-btn-wrap .menu-item-delete,
#commentable .spreadsheet-view .list-share-box,
#commentable .spreadsheet-view .share-btn-wrap,
#readonly .spreadsheet-view .actions-btn-wrap .menu-item-delete,
#readonly .spreadsheet-view .list-share-box,
#readonly .spreadsheet-view .share-btn-wrap {
  display: none!important
}

#commentable .spreadsheet-view .s-menu,
#readonly .spreadsheet-view .s-menu {
  opacity: .3;
  pointer-events: none
}

.add-entry-wrap .no-permission {
  display: none
}

#commentable .h-container .title-input,
#readonly .h-container .title-input {
  pointer-events: none
}

#commentable .add-entry-btn,
#readonly .add-entry-btn {
  background-color: #e8e9e9
}

#commentable .add-entry-wrap,
#readonly .add-entry-wrap {
  cursor: not-allowed
}

#commentable .add-entry-wrap .d-menu-display-wrap,
#readonly .add-entry-wrap .d-menu-display-wrap {
  pointer-events: none
}

#commentable .add-entry-wrap .no-permission,
#readonly .add-entry-wrap .no-permission {
  top: 2px;
  left: -30px
}

#commentable .add-entry-wrap:hover .no-permission,
#readonly .add-entry-wrap:hover .no-permission {
  display: block
}

#commentable .innerdocbody .iframe-container,
#commentable .innerdocbody ul[class^=list-check],
#commentable .innerdocbody ul[class^=list-done],
#readonly .innerdocbody .iframe-container,
#readonly .innerdocbody ul[class^=list-check],
#readonly .innerdocbody ul[class^=list-done] {
  pointer-events: none
}

.teamworker-sharelist-inner .dialog-foot .btn {
  font-size: 13px!important
}

.dialog-wrap.button-right .dialog-foot {
  text-align: right
}

.flex {
  display: flex
}

.search-box {
  flex: 1
}

.wechat-invite {
  position: absolute;
  bottom: 0;
  right: 110px
}

.wechat-invite .invite-link-popup {
  display: none;
  left: 0;
  bottom: 35px;
  line-height: normal
}

.wechat-invite .icon-btn-wrap {
  margin-left: 5px!important
}

.dialog .wechat-invite {
  bottom: -41px;
  right: 125px
}

.wechat-invite:hover .invite-link-popup {
  display: block
}

.dialog-head {
  color: #333;
  font-weight: 700
}

.dialog-head .dialog-close-btn {
  display: block;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url();
  background-size: 10px 10px
}

.dialog-head .dialog-close-btn:before {
  display: none
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .dialog-head .dialog-close-btn {
      background-image: url()
  }
}

.dialog-head .dialog-close-btn:hover {
  background-image: url();
  background-size: 10px 10px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .dialog-head .dialog-close-btn:hover {
      background-image: url()
  }
}

.dialog-foot:empty {
  padding-top: 0;
  height: 1px
}

.dialog-body .waterfall {
  margin-right: -40px
}

.dialog-body .user-list-item {
  width: 400px
}

.sm-popover-inner .user-list-item {
  width: 430px
}

.user-list-item.outsider .name:after {
  content: "";
  flex: 0 0 25px;
  width: 25px;
  height: 14px;
  margin-left: 5px;
  background: 50% no-repeat;
  background-image: url();
  background-size: 25px 14px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .user-list-item.outsider .name:after {
      background-image: url()
  }
}

.user-list-item.disabled .name {
  color: #a5a5a5
}

.user-list-item.disabled .avatar {
  opacity: .3
}

.user-list-item.disabled .name:after {
  content: "";
  flex: 0 0 25px;
  width: 25px;
  height: 14px;
  margin-left: 5px;
  background: 50% no-repeat;
  background-image: url();
  background-size: 25px 14px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .user-list-item.disabled .name:after {
      background-image: url()
  }
}

.user-list-item.disabled .sm-label,
.user-list-item.outsider .sm-label {
  max-width: 60px!important
}

.waterfall {
  height: 100%;
  overflow-y: auto
}

.mobile-verification-dialog {
  z-index: 2000
}

.mobile-verification-dialog .dialog {
  width: 380px
}

.mobile-verification-dialog .dialog .dialog-head {
  padding-bottom: 0
}

.mobile-verification-dialog .dialog .dialog-head .dialog-title {
  font-size: 18px;
  position: relative;
  top: 0;
  font-weight: 700
}

.mobile-verification-dialog .dialog .dialog-head .dialog-close {
  font-weight: 400;
  top: 19px;
  right: 27px;
  font-size: 14px
}

.mobile-verification-dialog .dialog .dialog-body {
  padding: 15px 26px 28px
}

.mobile-verification-dialog .dialog .dialog-body .crumb-list {
  text-align: center;
  padding-top: 0;
  padding-bottom: 13px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  width: 100%
}

.mobile-verification-dialog .dialog .dialog-body .crumb-list .crumb {
  color: #333;
  font-size: 12px
}

.mobile-verification-dialog .dialog .dialog-body .crumb-list .no-crumb {
  color: #a5a5a5;
  font-size: 12px
}

.mobile-verification-dialog .descript-text {
  font-size: 14px;
  color: #a5a5a5;
  line-height: 20px;
  text-align: center;
  margin: 3px 0 20px;
  -webkit-font-smoothing: antialiased
}

.mobile-verification-dialog .input-box {
  margin-bottom: 2px;
  position: relative
}

.mobile-verification-dialog .phone-prefix-item {
  display: block;
  cursor: pointer;
  color: #666;
  height: 30px;
  line-height: 30px;
  position: relative;
  padding: 0 10px;
  font-size: 12px
}

.mobile-verification-dialog .phone-prefix-item:hover {
  background-color: #f5f5f5
}

.mobile-verification-dialog .phone-prefix-item.active {
  background-color: #aaa
}

.mobile-verification-dialog .phone-prefix-item-check {
  position: absolute;
  right: 10px;
  top: 7px;
  width: 13px;
  height: 13px;
  background: url("https://assets-cdn.shimo.im/assets/images/check_icon-6316f0e995.png") no-repeat;
  background-size: 13px 13px
}

.mobile-verification-dialog .phone-prefix-info {
  border-right: 1px solid #ddd;
  margin-left: 5px;
  position: relative;
  color: #41464b
}

.mobile-verification-dialog .phone-prefix-info:after {
  content: " ";
  position: absolute;
  right: 12px;
  top: 10px;
  height: 0;
  width: 0;
  border: 4px solid transparent;
  border-top-color: #aaa
}

.mobile-verification-dialog .phone-prefix-wrap {
  width: 40%;
  text-align: left;
  display: inline-block;
  height: 44px;
  line-height: 24px;
  padding: 10px;
  box-sizing: border-box;
  background: #f5f5f5;
  border-radius: 2px;
  margin: 0
}

.mobile-verification-dialog .phone-prefix-wrap .d-menu-display-wrap:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.mobile-verification-dialog .phone-prefix-wrap .menu-wrap {
  max-height: 205px;
  overflow: auto;
  width: 180px;
  left: -30px;
  position: absolute;
  z-index: 999;
  background: #fff;
  border-radius: 2px;
  padding: 10px 0;
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc
}

.mobile-verification-dialog .phone-prefix-wrap .menu-wrap:after,
.mobile-verification-dialog .phone-prefix-wrap .menu-wrap:before {
  display: block;
  content: " ";
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
  margin-left: -10px
}

.mobile-verification-dialog .phone-prefix-wrap .menu-wrap:before {
  top: -8px;
  border-width: 7px;
  border-bottom-color: hsla(0, 0%, 53%, .1)
}

.mobile-verification-dialog .phone-prefix-wrap .menu-wrap:after {
  top: -7px;
  border-width: 7px;
  border-bottom-color: #fff
}

.mobile-verification-dialog .phone-prefix-wrap .menu-wrap .menu-item:nth-child(4) {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc
}

.mobile-verification-dialog .phone-prefix-wrap .menu-wrap .phone-prefix-item span {
  white-space: nowrap
}

.mobile-verification-dialog .register-page-logout {
  position: fixed;
  top: 10px;
  right: 20px;
  color: #41464b
}

.mobile-verification-dialog .register-page-logout:active,
.mobile-verification-dialog .register-page-logout:hover,
.mobile-verification-dialog .register-page-logout:visited {
  color: #41464b
}

.mobile-verification-dialog .account-input-prompt {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 10px
}

.mobile-verification-dialog .company-account {
  height: auto!important
}

.mobile-verification-dialog .company-account.write-admin-info-box .input-box.captcha-container {
  display: block
}

.mobile-verification-dialog .company-account.write-admin-info-box #forget-password {
  display: none
}

.mobile-verification-dialog .company-account .action-box-inner {
  margin-top: 90px
}

.mobile-verification-dialog .company-account .input-box.captcha-container {
  display: block
}

.mobile-verification-dialog .company-account .telephone-input {
  display: inline-block;
  width: 60%;
  padding-left: 0
}

.mobile-verification-dialog .company-account .email-action-box {
  margin-top: 0
}

.mobile-verification-dialog .mobile .phone-prefix-wrap {
  height: 38px;
  line-height: 24px;
  padding: 7px 10px;
  margin: 0
}

.mobile-verification-dialog .mobile .phone-prefix-wrap .menu-wrap {
  width: 180px;
  top: 42px
}

.mobile-verification-dialog .mobile .company-account {
  margin-top: 30%
}

.mobile-verification-dialog .mobile .action-box-inner {
  margin-top: 50px
}

.mobile-verification-dialog .captcha-switch {
  text-align: center;
  margin-top: 15px;
  cursor: pointer;
  color: #41464b
}

.mobile-verification-dialog .unactive .menu-wrap {
  display: none
}

.mobile-verification-dialog .action-box {
  width: 296px;
  height: 548px;
  font-size: 14px;
  border-radius: 2px;
  margin: 0 auto
}

.mobile-verification-dialog .action-box[state=normal-state] {
  margin-left: 0
}

.mobile-verification-dialog .action-box[state=leave-state] {
  margin-left: 0;
  transition: margin-left .5s cubic-bezier(.18, .36, .6, 1), height .2s ease-out
}

.mobile-verification-dialog .action-box[state=enter-state] {
  margin-left: 0;
  transition: margin-left .7s cubic-bezier(.18, .36, .6, 1), height .2s ease-out
}

.mobile-verification-dialog .action-box.is-error {
  height: 598px
}

.mobile-verification-dialog .action-box.small {
  height: 426px
}

.mobile-verification-dialog .action-box.small.is-error {
  height: 476px
}

.mobile-verification-dialog .action-box .change-block {
  line-height: 1;
  margin-top: 28px
}

.mobile-verification-dialog .action-box .change-block a {
  color: #41464b;
  text-decoration: none
}

.mobile-verification-dialog .action-box .error-block {
  font-size: 12px;
  height: 0;
  margin-top: -2px;
  color: transparent;
  -webkit-transition: height .2s ease-out;
  -moz-transition: height .2s ease-out;
  -ms-transition: height .2s ease-out;
  -o-transition: height .2s ease-out;
  transition: height .2s ease-out
}

.mobile-verification-dialog .action-box .error-block.active {
  height: 14px;
  margin: 15px 0 -5px;
  line-height: 14px;
  text-align: center;
  color: #41464b
}

.mobile-verification-dialog .action-box .error-block .error-block-text {
  display: inline-block;
  line-height: 1.5em
}

.mobile-verification-dialog .action-box input,
.mobile-verification-dialog .action-box textarea {
  font-size: inherit;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: none;
  color: #333;
  box-shadow: none
}

.mobile-verification-dialog .action-box .input-box {
  margin-bottom: 9px;
  position: relative
}

.mobile-verification-dialog .action-box .input-box.error input,
.mobile-verification-dialog .action-box .input-box.error textarea {
  border-color: #ee7b70
}

.mobile-verification-dialog .action-box .input-box.error .error-span {
  display: block
}

.mobile-verification-dialog .action-box .input-box.invite-code-mode {
  display: inline-block
}

.mobile-verification-dialog .action-box .input-box.invite-code-mode input {
  width: 176px
}

.mobile-verification-dialog .action-box .input-box.invite-input-box {
  display: inline-block
}

.mobile-verification-dialog .action-box .input-box.invite-input-box input {
  font-family: monospace
}

.mobile-verification-dialog .action-box .input-box.invite-input-box-mailto input {
  width: 195px;
  font-family: monospace
}

.mobile-verification-dialog .action-box .input-box.captcha-container .inline {
  text-align: left
}

.mobile-verification-dialog .action-box .input-box.captcha-container .inline .captcha-input {
  width: calc(100% - 145px);
  float: left
}

.mobile-verification-dialog .action-box .input-box.captcha-container .inline .captcha {
  margin-left: 10px;
  width: 134px;
  height: 44px;
  display: inline-block;
  padding: 0;
  margin-top: 0
}

.mobile-verification-dialog .action-box .error-span {
  display: none;
  position: absolute;
  color: #ee7b70;
  font-size: 14px;
  line-height: 40px;
  top: 0;
  left: 360px;
  white-space: nowrap
}

.mobile-verification-dialog .action-box .remember-span {
  width: 120px;
  height: 20px;
  position: absolute;
  margin-top: 3px;
  left: 0;
  cursor: pointer
}

.mobile-verification-dialog .action-box .remember-span input {
  margin: 0;
  padding: 0!important;
  position: relative;
  top: 3px;
  border: none!important;
  margin-right: 5px;
  height: 18px;
  width: 15px
}

.mobile-verification-dialog .action-box .remember-span span {
  color: #6886aa
}

.mobile-verification-dialog .action-box .mailto-btn {
  vertical-align: bottom;
  float: right
}

.mobile-verification-dialog .action-box .mailto-btn a {
  cursor: pointer;
  display: inline-block;
  outline: none;
  width: 105px;
  height: 38px;
  line-height: 38px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #6886aa;
  text-decoration: none;
  font-size: 14px;
  color: #6886aa
}

.mobile-verification-dialog .action-box .mailto-btn a:hover {
  color: #fff;
  background: #6886aa
}

.mobile-verification-dialog .action-box input,
.mobile-verification-dialog .action-box textarea {
  height: 44px;
  line-height: 24px;
  font-size: 14px;
  background: #f5f5f5;
  outline: none;
  padding: 9px 16px;
  overflow: hidden
}

.mobile-verification-dialog .action-box input.disabled,
.mobile-verification-dialog .action-box textarea.disabled {
  cursor: not-allowed;
  opacity: .5
}

.mobile-verification-dialog .action-box .submit-btn {
  text-decoration: none;
  display: block;
  border: none;
  font-size: 14px;
  margin-top: 20px;
  padding: 0
}

.mobile-verification-dialog .action-box #login-submit {
  display: none
}

.mobile-verification-dialog .action-box .prompt-box {
  margin: 15px 0;
  position: relative
}

.mobile-verification-dialog .action-box .prompt-box .links {
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  color: #41464b;
  cursor: pointer;
  -webkit-transition: right .3s ease-in-out;
  -moz-transition: right .3s ease-in-out;
  -ms-transition: right .3s ease-in-out;
  -o-transition: right .3s ease-in-out;
  transition: right .3s ease-in-out
}

.mobile-verification-dialog .action-box .prompt-box .links span {
  float: left
}

.mobile-verification-dialog .action-box .prompt-box .links .hicon {
  font-size: 24px;
  margin-left: 10px;
  margin-top: -1px
}

.mobile-verification-dialog .action-box .prompt-box .links:hover {
  color: #6094bc;
  right: -5px
}

.mobile-verification-dialog .action-box .prompt-box .to-login {
  width: 100%
}

.mobile-verification-dialog .action-box .title {
  margin-top: 0;
  margin-bottom: 30px
}

.mobile-verification-dialog .action-box .login-help {
  display: none;
  width: 100%;
  height: 38px;
  position: relative;
  margin-top: -8px
}

.mobile-verification-dialog .action-box .register-help {
  line-height: 1;
  height: 12px;
  font-size: 12px;
  color: #41464b;
  margin-top: 15px
}

.mobile-verification-dialog .action-box .register-help .agree {
  margin: 0;
  height: 16px
}

.mobile-verification-dialog .action-box .register-help a {
  text-decoration: none;
  color: inherit;
  font-weight: 700;
  margin-left: 8px
}

.mobile-verification-dialog .action-box .register-help a:hover {
  text-decoration: underline
}

.mobile-verification-dialog .btn {
  display: block;
  height: 44px;
  line-height: 44px;
  text-align: center;
  width: calc(100% - 2px);
  border: 1px solid #41464b;
  color: #41464b;
  border-radius: 2px;
  cursor: pointer;
  margin-top: 10px;
  font-size: 14px
}

.mobile-verification-dialog .btn:hover {
  background-color: rgba(65, 70, 75, .08)
}

.mobile-verification-dialog .btn:active {
  background-color: rgba(65, 70, 75, .22)
}

.mobile-verification-dialog .btn.disabled {
  opacity: .3;
  cursor: default
}

.mobile-verification-dialog .dark {
  width: 100%;
  background: #41464b;
  color: #fff!important;
  border: none;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -ms-transition: .2s;
  -o-transition: .2s;
  transition: .2s
}

.mobile-verification-dialog .dark:hover {
  background-color: #313438
}

.mobile-verification-dialog .dark:active {
  background: #2c3033
}

.mobile-verification-dialog .dark.disabled {
  opacity: .3;
  cursor: default
}

.mobile-verification-dialog .dark.sending {
  opacity: .7
}

.mobile-verification-dialog .dark.sending:hover {
  background-color: #41464b
}

.mobile-verification-dialog .geetest-container {
  padding: 0
}

.gt_popup {
  font-size: 16px
}

.gt_popup .gt_mask {
  z-index: 200
}

.scw .glyph {
  text-indent: -999999px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/share_sprites-6ae38a74c1.png);
  background-repeat: no-repeat;
  background-size: 17px 115px;
  display: inline-block;
  vertical-align: middle
}

.scw .glyph.glyph-private {
  width: 17px;
  height: 17px;
  background-position: 0 -69px
}

.scw .glyph.glyph-public {
  width: 17px;
  height: 17px;
  background-position: 0 0
}

.scw .glyph.glyph-password {
  width: 17px;
  height: 17px;
  background-position: 0 -17px
}

.scw .glyph.glyph-enterprise {
  width: 17px;
  height: 17px;
  background-position: 0 -34px
}

.scw .glyph.glyph-enterprise-password {
  width: 17px;
  height: 17px;
  background-position: 0 -51px
}

.scw .glyph.glyph-checker {
  width: 17px;
  height: 17px;
  background-position: 0 -85px
}

.scw .glyph.glyph-checkbox-checker {
  width: 12px;
  height: 12px;
  background-position: 0 -102px
}

.scw .public-content {
  position: relative;
  width: 378px;
  height: 371px;
  padding: 25px 14px;
  box-sizing: border-box
}

.scw .public-content .content-header {
  height: 49px;
  position: relative;
  border-bottom: 1px solid #ddd
}

.scw .public-content .content-header:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  left: 18px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  border-bottom: 6px solid #ddd
}

.scw .public-content .content-header:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -1px;
  left: 19px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid #fff
}

.scw .public-content .content-header .icon {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  top: 0;
  left: 10px
}

.scw .public-content .content-header .icon.public {
  background-image: -webkit-linear-gradient(#6c9fe2, #80b3f5);
  background-image: -moz-linear-gradient(#6c9fe2 0, #80b3f5 100%);
  background-image: -o-linear-gradient(#6c9fe2 0, #80b3f5 100%);
  background-image: linear-gradient(#6c9fe2, #80b3f5)
}

.scw .public-content .content-header .icon.public .glyph {
  top: 5px
}

.scw .public-content .content-header .icon.password {
  background-image: -webkit-linear-gradient(bottom, #9ab0c4, #b2c2d5);
  background-image: -moz-linear-gradient(bottom, #9ab0c4 0, #b2c2d5 100%);
  background-image: -o-linear-gradient(bottom, #9ab0c4 0, #b2c2d5 100%);
  background-image: linear-gradient(0deg, #9ab0c4 0, #b2c2d5)
}

.scw .public-content .content-header .icon.enterprise {
  background-image: -webkit-linear-gradient(bottom, #b5b5b5, #999);
  background-image: -moz-linear-gradient(bottom, #b5b5b5 0, #999 100%);
  background-image: -o-linear-gradient(bottom, #b5b5b5 0, #999 100%);
  background-image: linear-gradient(0deg, #b5b5b5 0, #999)
}

.scw .public-content .content-header .icon.enterprise .glyph {
  top: 5px
}

.scw .public-content .content-header .icon.enterprise-password {
  background-image: -webkit-linear-gradient(124deg, #41464b 9%, #515456 48%, #666);
  background-image: -moz-linear-gradient(124deg, #41464b 9%, #515456 48%, #666 100%);
  background-image: -o-linear-gradient(124deg, #41464b 9%, #515456 48%, #666 100%);
  background-image: linear-gradient(214deg, #41464b 9%, #515456 48%, #666)
}

.scw .public-content .content-header .icon .glyph {
  position: absolute;
  left: 6px;
  top: 5.5px
}

.scw .public-content .content-header .text {
  position: absolute;
  top: 0;
  left: 53px
}

.scw .public-content .content-header .text .title {
  font-size: 12px;
  color: #333;
  letter-spacing: .09px;
  line-height: 12px
}

.scw .public-content .content-header .text .descr {
  margin-top: 6px;
  font-size: 12px;
  color: #a5a5a5;
  letter-spacing: .1px;
  line-height: 12px
}

.scw .public-content .content-header .priority {
  position: absolute;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  width: 72px;
  right: 10px;
  top: 1px;
  padding-left: 10px
}

.scw .public-content .content-header .priority .priority-content {
  line-height: 25px;
  font-size: 12px;
  color: #73a2e3;
  position: relative;
  cursor: pointer;
  display: block
}

.scw .public-content .content-header .priority .priority-content:before {
  content: " ";
  position: absolute;
  right: 11px;
  top: 11px;
  width: 0;
  height: 0;
  border-top: 3px solid #888;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent
}

.scw .public-content .content-header .priority .priority-list {
  position: absolute;
  top: 31px;
  right: -1px;
  width: 208px;
  height: 149px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
  border-radius: 2px;
  padding: 4px 0;
  z-index: 2
}

.scw .public-content .content-header .priority .priority-list .priority-item {
  height: 53px;
  display: block;
  box-sizing: border-box;
  padding-top: 13px;
  padding-left: 19px
}

.scw .public-content .content-header .priority .priority-list .priority-item:hover {
  background-color: hsla(210, 4%, 91%, .5)
}

.scw .public-content .content-header .priority .priority-list .priority-item .priority-title {
  font-size: 12px;
  color: #666;
  line-height: 12px
}

.scw .public-content .content-header .priority .priority-list .priority-item .priority-descr {
  margin-top: 5px;
  font-size: 12px;
  color: #a5a5a5;
  line-height: 12px
}

.scw .public-content .content-header .priority .priority-list .priority-separator {
  display: block;
  height: 1px;
  background-color: #ddd;
  margin: 3px 15px
}

.scw .public-content .content-header .priority .priority-list .priority-cancel-item {
  display: block;
  height: 36px;
  box-sizing: border-box;
  padding-top: 13px;
  padding-left: 19px
}

.scw .public-content .content-header .priority .priority-list .priority-cancel-item:hover {
  background-color: hsla(210, 4%, 91%, .5)
}

.scw .public-content .content-header .priority .priority-list .priority-cancel-item .priority-title {
  font-size: 12px;
  color: #bd5656;
  line-height: 12px
}

.scw .public-content .copy-section {
  margin: 21.5px 10px 20.5px 9px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  height: 32px;
  display: table;
  table-layout: fixed;
  width: 329px
}

.scw .public-content .copy-section .copy-url {
  display: table-cell;
  width: 100%;
  padding: 8.5px 15px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px
}

.scw .public-content .copy-section .copy-url .copy-input {
  outline: none;
  border: none;
  box-shadow: none;
  display: block;
  width: 100%;
  height: 16px;
  font-size: 12px;
  color: #333
}

.scw .public-content .copy-section .copy-button {
  display: table-cell;
  width: 88px;
  border-left: 1px solid #e5e5e5;
  background-image: linear-gradient(-180deg, #fff, #fbfbfb);
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  color: #333;
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  cursor: pointer
}

.scw .public-content .copy-section .copy-button:hover {
  background-image: linear-gradient(-180deg, #fff, #f0f0f0)
}

.scw .public-content .qrcode-section {
  position: relative;
  height: 128.5px;
  border-bottom: 1px solid #e5e5e5
}

.scw .public-content .qrcode-section .qrcode {
  position: absolute;
  left: 10px;
  top: 1px;
  width: 101px;
  height: 101px
}

.scw .public-content .qrcode-section .qrcode-text {
  position: absolute;
  top: -4px;
  left: 127px;
  font-size: 12px;
  color: #333;
  line-height: 20px
}

.scw .public-content .options-section {
  position: relative;
  height: 74px;
  margin-top: 16px;
  margin-left: 10px
}

.scw .public-content .options-section .checkbox-wrapper .checkbox {
  display: inline-block;
  padding-left: 22px;
  font-size: 12px;
  color: #333;
  line-height: 20px;
  cursor: pointer
}

.scw .public-content .options-section .checkbox-wrapper .checkbox .checker {
  float: left;
  margin-top: 3px;
  margin-left: -22px;
  width: 10px;
  height: 10px;
  background-color: #ececed;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: inset 0 2px 4px 0 #c6c7c9;
  border-radius: 2px
}

.scw .public-content .options-section .checkbox-wrapper .checkbox .checker .glyph-checkbox-checker {
  display: none
}

.scw .public-content .options-section .checkbox-wrapper .checkbox.checked .checker {
  background: #676b6f;
  box-shadow: inset 0 2px 3px 0 #41464b
}

.scw .public-content .options-section .checkbox-wrapper .checkbox.checked .checker .glyph-checkbox-checker {
  display: inline-block;
  margin-top: -12px;
  margin-left: -1px
}

.scw .public-content .options-section .checkbox-wrapper .checkbox.disabled {
  color: #ccc;
  cursor: default
}

.scw .public-content .options-section .checkbox-wrapper .checkbox.disabled .checker {
  background: #f7f7f7;
  border: 1px solid rgba(0, 0, 0, .05);
  box-shadow: none
}

.scw .public-content .options-section .password-section {
  position: absolute;
  top: -7px;
  right: 10px;
  height: 32px;
  overflow: hidden
}

.scw .public-content .options-section .password-section .password {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  font-size: 12px;
  color: #333;
  line-height: 20px;
  width: 58px;
  padding: 6px 0 4px 15px;
  float: left;
  outline: none;
  box-shadow: none;
  cursor: text
}

.scw .public-content .options-section .password-section .change-password {
  float: left;
  font-size: 12px;
  color: #6da0e3;
  line-height: 20px;
  margin-top: 7px;
  margin-left: 15px
}

.scw .public-content .options-section .try-enterprise-edition {
  position: absolute;
  top: 1px;
  right: 10px;
  font-size: 12px;
  color: #6da0e3
}

.scw .private-content {
  padding-top: 9px;
  width: 261.5px;
  height: 285px
}

.scw .private-content .separator {
  margin: 4px 15px;
  border-color: #ddd
}

.scw .private-content .option {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 53px
}

.scw .private-content .option:hover {
  background-color: hsla(210, 4%, 91%, .5)
}

.scw .private-content .option:hover .icon .flag.feature-enterprise {
  display: block
}

.scw .private-content .option .icon {
  display: table-cell;
  width: 68px;
  vertical-align: middle;
  text-align: right;
  position: relative
}

.scw .private-content .option .icon:before {
  content: " ";
  position: absolute;
  width: 28px;
  height: 28px;
  top: 12px;
  left: 25px;
  border-radius: 14px
}

.scw .private-content .option .icon.public:before {
  background-image: -webkit-linear-gradient(#6c9fe2, #80b3f5);
  background-image: -moz-linear-gradient(#6c9fe2 0, #80b3f5 100%);
  background-image: -o-linear-gradient(#6c9fe2 0, #80b3f5 100%);
  background-image: linear-gradient(#6c9fe2, #80b3f5)
}

.scw .private-content .option .icon.password:before {
  background-image: -webkit-linear-gradient(bottom, #9ab0c4, #b2c2d5);
  background-image: -moz-linear-gradient(bottom, #9ab0c4 0, #b2c2d5 100%);
  background-image: -o-linear-gradient(bottom, #9ab0c4 0, #b2c2d5 100%);
  background-image: linear-gradient(0deg, #9ab0c4 0, #b2c2d5)
}

.scw .private-content .option .icon.enterprise:before {
  background-image: -webkit-linear-gradient(bottom, #b5b5b5, #999);
  background-image: -moz-linear-gradient(bottom, #b5b5b5 0, #999 100%);
  background-image: -o-linear-gradient(bottom, #b5b5b5 0, #999 100%);
  background-image: linear-gradient(0deg, #b5b5b5 0, #999)
}

.scw .private-content .option .icon.enterprise-password:before {
  background-image: -webkit-linear-gradient(124deg, #41464b 9%, #515456 48%, #666);
  background-image: -moz-linear-gradient(124deg, #41464b 9%, #515456 48%, #666 100%);
  background-image: -o-linear-gradient(124deg, #41464b 9%, #515456 48%, #666 100%);
  background-image: linear-gradient(214deg, #41464b 9%, #515456 48%, #666)
}

.scw .private-content .option .icon.private:before {
  background-image: -webkit-linear-gradient(130deg, #6dc978, #68b971);
  background-image: -moz-linear-gradient(130deg, #6dc978 0, #68b971 100%);
  background-image: -o-linear-gradient(130deg, #6dc978 0, #68b971 100%);
  background-image: linear-gradient(220deg, #6dc978, #68b971)
}

.scw .private-content .option .icon .glyph {
  position: absolute;
  top: 18px;
  left: 31px
}

.scw .private-content .option .icon .flag {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1);
  border-radius: 4px;
  line-height: 25px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 14px;
  padding: 0 10px
}

.scw .private-content .option .icon .flag:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  top: 7px;
  right: -10px;
  border: 5px solid transparent
}

.scw .private-content .option .icon .flag.feature-new {
  background-color: rgba(109, 160, 227, .7);
  left: -68px
}

.scw .private-content .option .icon .flag.feature-new:before {
  border-left-color: rgba(109, 160, 227, .7)
}

.scw .private-content .option .icon .flag.feature-enterprise {
  display: none;
  background-color: #41464b;
  left: -92px
}

.scw .private-content .option .icon .flag.feature-enterprise:before {
  border-left-color: #41464b
}

.scw .private-content .option .text {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  position: relative
}

.scw .private-content .option .text .title {
  font-size: 12px;
  color: #666;
  line-height: 12px
}

.scw .private-content .option .text .descr {
  font-size: 12px;
  color: #a5a5a5;
  line-height: 12px;
  margin-top: 5px
}

.scw .private-content .option .text .glyph {
  position: absolute;
  top: 18px;
  right: 26px
}

.scw .private-content .option.disabled:hover {
  background-color: #fff;
  cursor: default
}

.scw .private-content .option.disabled .icon:before {
  background-image: -webkit-linear-gradient(#e8e8e8, #ccc);
  background-image: -moz-linear-gradient(#e8e8e8 0, #ccc 100%);
  background-image: -o-linear-gradient(#e8e8e8 0, #ccc 100%);
  background-image: linear-gradient(#e8e8e8, #ccc)
}

.scw .private-content .option.disabled .text .descr,
.scw .private-content .option.disabled .text .title {
  color: #ccc
}

.search-list-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  vertical-align: middle
}

.search-list-icon.folder {
  background-image: url();
  background-size: 20px 20px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .search-list-icon.folder {
      background-image: url()
  }
}

.search-list-icon.doc {
  background-image: url();
  background-size: 20px 20px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .search-list-icon.doc {
      background-image: url()
  }
}

.search-list-icon.sheet,
.search-list-icon.spreadsheet {
  background-image: url();
  background-size: 20px 20px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .search-list-icon.sheet,
  .search-list-icon.spreadsheet {
      background-image: url()
  }
}

.notification-icon-gift {
  display: inline-block;
  width: 32px;
  height: 50px;
  line-height: 50px;
  vertical-align: top;
  background-image: url();
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: 50%
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .notification-icon-gift {
      background-image: url()
  }
}

.header-notification-link {
  vertical-align: middle;
  cursor: pointer
}

.badge {
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  background: linear-gradient(-180deg, #5e92d6, #7eb1f4);
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center
}

.badge em {
  padding: 0 5px;
  font-style: normal
}

@keyframes spinner {
  to {
      transform: rotate(1turn)
  }
}

@-webkit-keyframes spinner {
  to {
      -webkit-transform: rotate(1turn)
  }
}

.spinner:not(:required):before {
  content: "";
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, .15);
  border-top-color: rgba(0, 0, 0, .25);
  animation: spinner .6s linear infinite;
  -webkit-animation: spinner .6s linear infinite
}

.spinner:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  margin-left: -10px;
  z-index: 1
}

.message-box,
.message-box * {
  box-sizing: border-box
}

.message-popover-trigger {
  display: flex;
  align-items: center;
  margin-top: 15px;
  width: 20px
}

.message-popover-trigger .icon-message {
  cursor: pointer;
  position: relative;
  flex: 1;
  width: 20px;
  height: 20px;
  background: 50% no-repeat;
  background-image: url();
  background-size: 18px 18px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .message-popover-trigger .icon-message {
      background-image: url()
  }
}

.message-popover-trigger .icon-message:hover {
  background-image: url();
  background-size: 18px 18px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .message-popover-trigger .icon-message:hover {
      background-image: url()
  }
}

.message-popover-trigger .badge {
  position: absolute;
  top: -3px;
  left: 9px;
  min-width: 12px;
  height: 12px;
  border-radius: 6px;
  font-size: 9px;
  font-weight: 700;
  line-height: 12px
}

.message-popover-trigger .badge em {
  padding: 0 3px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none
}

.message-popover.sm-popover-placement-bottomRight>.sm-popover-content>.sm-popover-arrow {
  right: 52px
}

.message-popover.sm-popover-placement-bottomRight>.sm-popover-content>.sm-popover-arrow:after {
  border-bottom-color: #f9f9f9
}

.message-popover .sm-popover-inner {
  width: 390px;
  height: 500px;
  box-shadow: 0 2px 8px #ccc;
  overflow: hidden
}

.message-box .panel {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 34px;
  background-color: #f9f9f9;
  padding: 0 20px;
  box-shadow: 0 2px 2px #ededed;
  font-size: 12px
}

.message-box .panel .filter {
  flex: 1
}

.message-box .panel .btn:hover {
  background: transparent
}

.message-box .panel .btn-link {
  height: 34px;
  line-height: 35px;
  color: #666
}

.message-box .panel .btn-link:hover {
  color: #6da2d7;
  text-decoration: none
}

.message-box .filter span {
  cursor: pointer;
  display: inline-block;
  margin-right: 20px;
  height: 36px;
  line-height: 35px;
  color: #bbb
}

.message-box .filter.all .all,
.message-box .filter.unread .unread {
  color: #666;
  border-bottom: 2px solid #666
}

.message-box .scroll-view {
  height: 466px
}

.message-box .scroll-view .load-more {
  width: 100%;
  height: 40px;
  text-align: left;
  font-size: 12px;
  line-height: 40px;
  color: #bbb;
  padding-left: 67px
}

.message-box .empty {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #ddd;
  margin: 0 auto;
  padding-top: 200px
}

.message-item {
  cursor: pointer;
  position: relative;
  padding: 15px 20px 15px 67px;
  color: #333;
  font-size: 14px;
  line-height: 20px
}

.message-item.read {
  background-color: #fff
}

.message-item.read:hover {
  background-color: #fafafa
}

.message-item.unread {
  background-color: #f0f7ff
}

.message-item.unread:hover {
  background-color: #e7f3ff
}

.message-item .message-icon {
  position: absolute;
  top: 18px;
  left: 20px;
  width: 30px;
  height: 30px;
  background: 50% no-repeat
}

.message-item .message-icon.folder {
  background-image: url();
  background-size: 30px 30px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .message-item .message-icon.folder {
      background-image: url()
  }
}

.message-item .message-icon.document {
  background-image: url();
  background-size: 30px 30px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .message-item .message-icon.document {
      background-image: url()
  }
}

.message-item .message-icon.sheet,
.message-item .message-icon.spreadsheet {
  background-image: url();
  background-size: 30px 30px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .message-item .message-icon.sheet,
  .message-item .message-icon.spreadsheet {
      background-image: url()
  }
}

.message-item .message-icon.team {
  background-image: url();
  background-size: 30px 30px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .message-item .message-icon.team {
      background-image: url()
  }
}

.message-item .message-icon.system {
  background-image: url();
  background-size: 30px 30px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .message-item .message-icon.system {
      background-image: url()
  }
}

.message-item .message-title {
  margin-bottom: 8px
}

.message-item .message-title .sm-label {
  margin-right: 5px
}

.message-item .message-title .link {
  color: #6da0e3;
  margin-left: 5px
}

.message-item .file-name,
.message-item .message-content {
  font-weight: 700;
  max-width: 100%;
  word-wrap: break-word;
  word-break: break-all
}

.message-item .file-name:before,
.message-item .message-content:before {
  content: "\300C";
  font-weight: 400
}

.message-item .file-name:after,
.message-item .message-content:after {
  content: "\300D";
  font-weight: 400
}

.message-item .message-content {
  margin-bottom: 8px;
  margin-top: -3px
}

.message-item .message-meta {
  font-size: 12px;
  line-height: 12px;
  color: #bbb
}

.message-item .message-meta .offcial {
  padding-left: 15px;
  background: 0 no-repeat;
  background-image: url();
  background-size: 12px 12px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .message-item .message-meta .offcial {
      background-image: url()
  }
}

.message-item .message-extra .btn {
  width: 60px;
  padding: 0;
  margin-top: 12px
}

.message-item .message-extra .btn-disabled {
  border: 0 none;
  color: #c5c6c7;
  background: #eee;
  cursor: not-allowed
}

.message-item .mark-read {
  display: none;
  cursor: pointer;
  position: absolute;
  right: 15px;
  bottom: 11px;
  width: 20px;
  height: 20px;
  background: 50% no-repeat;
  background-image: url();
  background-size: 14px 14px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .message-item .mark-read {
      background-image: url()
  }
}

.message-item .mark-read:hover {
  background-image: url();
  background-size: 14px 14px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .message-item .mark-read:hover {
      background-image: url()
  }
}

.message-item.unread:hover .mark-read {
  display: block
}

.type-comment .message-content {
  font-weight: 400
}

.type-comment .message-content:after,
.type-comment .message-content:before {
  content: "\FF02"
}

.type-invitation .team-name {
  font-weight: 400
}

.type-invitation .team-name:after,
.type-invitation .team-name:before {
  content: "\FF02"
}

.type-comment .message-icon,
.type-member .message-icon,
.type-mention .message-icon {
  border-radius: 100%
}

.message-popover-trigger .icon-message:before {
  display: none
}

.invite-friends-wrap {
  position: relative
}

.invite-friends-wrap .bubble {
  position: absolute;
  top: 0;
  right: 100%;
  width: 3em;
  font-size: 12px;
  line-height: 2.5;
  color: #fff;
  background: #8ab3e9;
  padding: 0 10px;
  margin-right: 10px;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.invite-friends-wrap .bubble:after {
  content: "";
  width: 0;
  border: 0;
  border-left: 5px solid #8ab3e9;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -5px
}

.sm-alert-container {
  position: fixed;
  top: 57px;
  left: 0;
  right: 0;
  z-index: 2000;
  text-align: center;
  pointer-events: none;
  font-size: 14px
}

.sm-alert-container.pt-mobile {
  top: 9px;
  font-size: 10px
}

.sm-alert-container.pt-mobile .sm-alert-content {
  padding: 4px 22px;
  max-width: auto
}

.sm-alert-content {
  display: inline-block;
  max-width: 410px;
  padding: 6px 52px;
  color: #333;
  line-height: 22px;
  word-break: break-all;
  -webkit-box-shadow: 0 1px 4px 0 hsla(0, 0%, 40%, .4);
  -moz-box-shadow: 0 1px 4px 0 hsla(0, 0%, 40%, .4);
  -ms-box-shadow: 0 1px 4px 0 hsla(0, 0%, 40%, .4);
  -o-box-shadow: 0 1px 4px 0 hsla(0, 0%, 40%, .4);
  box-shadow: 0 1px 4px 0 hsla(0, 0%, 40%, .4);
  border-radius: 1px;
  background-color: #dde7f3;
  pointer-events: auto
}

.s-error .sm-alert-content {
  background-color: #f9dfdd
}


/*!
* Quill Editor v1.7.12
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/

.hljs {
  background: #f0f0f0
}

.hljs,
.hljs-subst {
  color: #444
}

.hljs-comment {
  color: #888
}

.hljs-attribute,
.hljs-doctag,
.hljs-keyword,
.hljs-meta-keyword,
.hljs-name,
.hljs-selector-tag {
  font-weight: 700
}

.hljs-deletion,
.hljs-number,
.hljs-quote,
.hljs-selector-class,
.hljs-selector-id,
.hljs-string,
.hljs-template-tag,
.hljs-type {
  color: #800
}

.hljs-section,
.hljs-title {
  color: #800;
  font-weight: 700
}

.hljs-link,
.hljs-regexp,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-symbol,
.hljs-template-variable,
.hljs-variable {
  color: #bc6060
}

.hljs-literal {
  color: #78a960
}

.hljs-addition,
.hljs-built_in,
.hljs-bullet,
.hljs-code {
  color: #397300
}

.hljs-meta {
  color: #1f7199
}

.hljs-meta-string {
  color: #4d99bf
}

.hljs-emphasis {
  font-style: italic
}

.hljs-strong {
  font-weight: 700
}

.hljs {
  display: block;
  background: #fff;
  padding: .5em;
  color: #333;
  overflow-x: auto
}

.hljs-comment,
.hljs-meta {
  color: #969896
}

.hljs-emphasis,
.hljs-quote,
.hljs-string,
.hljs-strong,
.hljs-template-variable,
.hljs-variable {
  color: #df5000
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
  color: #a71d5d
}

.hljs-attribute,
.hljs-bullet,
.hljs-literal,
.hljs-symbol {
  color: #0086b3
}

.hljs-name,
.hljs-section {
  color: #63a35c
}

.hljs-tag {
  color: #333
}

.hljs-attr,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id,
.hljs-selector-pseudo,
.hljs-title {
  color: #795da3
}

.hljs-addition {
  color: #55a532;
  background-color: #eaffea
}

.hljs-deletion {
  color: #bd2c00;
  background-color: #ffecec
}

.hljs-link {
  text-decoration: underline
}

.ql-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11pt;
  height: 100%;
  margin: 0;
  position: relative
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden
}

.ql-container.ql-disabled .ql-editor h1.checked>div:before,
.ql-container.ql-disabled .ql-editor h1.unchecked>div:before,
.ql-container.ql-disabled .ql-editor h2.checked>div:before,
.ql-container.ql-disabled .ql-editor h2.unchecked>div:before,
.ql-container.ql-disabled .ql-editor h3.checked>div:before,
.ql-container.ql-disabled .ql-editor h3.unchecked>div:before,
.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before {
  pointer-events: none
}

.ql-clipboard {
  display: block!important;
  width: 10px;
  height: 10px;
  overflow-y: hidden;
  position: fixed;
  left: 0;
  bottom: 0;
  outline: none;
  opacity: 0;
  z-index: -99999
}

.ql-clipboard p {
  margin: 0;
  padding: 0
}

.ql-editor {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  padding: 12px 15px;
  -o-tab-size: 4;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  counter-reset: chapter section subsec
}

.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.ql-editor ol,
.ql-editor p,
.ql-editor pre,
.ql-editor ul {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor h1.ordered {
  counter-reset: section subsec
}

.ql-editor h1.ordered div {
  counter-increment: chapter
}

.ql-editor h2.ordered {
  counter-reset: subsec
}

.ql-editor h2.ordered div {
  counter-increment: section
}

.ql-editor h3.ordered>div {
  counter-increment: subsec
}

.ql-editor h1.ordered>div:before {
  content: counter(chapter) ". "
}

.ql-editor h2.ordered>div:before {
  content: counter(section) ". "
}

.ql-editor h3.ordered>div:before {
  content: counter(subsec) ". "
}

.ql-editor h1.bullet>div:before {
  content: "\2022     "
}

.ql-editor h1.checked,
.ql-editor h1.unchecked {
  pointer-events: none
}

.ql-editor h1.checked>div *,
.ql-editor h1.unchecked>div * {
  pointer-events: all
}

.ql-editor h1.checked>div:before {
  font-family: chuxintech!important;
  content: "\F202     ";
  cursor: pointer;
  opacity: .8;
  pointer-events: all;
  margin-right: -20px
}

.ql-editor h1.checked>div>span {
  text-decoration: line-through;
  opacity: .8
}

.ql-editor h1.unchecked>div:before {
  font-family: chuxintech!important;
  content: "\F201     ";
  cursor: pointer;
  pointer-events: all;
  margin-right: -20px
}

.ql-editor h1>div.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 20px
}

.ql-editor h1>div.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 20px
}

.ql-editor h1>div.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 40px
}

.ql-editor h1>div.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 40px
}

.ql-editor h1>div.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 60px
}

.ql-editor h1>div.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 60px
}

.ql-editor h1>div.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 80px
}

.ql-editor h1>div.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 80px
}

.ql-editor h1>div.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 100px
}

.ql-editor h1>div.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 100px
}

.ql-editor h1>div.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 120px
}

.ql-editor h1>div.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 120px
}

.ql-editor h1>div.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 140px
}

.ql-editor h1>div.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 140px
}

.ql-editor h1>div.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 160px
}

.ql-editor h1>div.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 160px
}

.ql-editor h1>div.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 180px
}

.ql-editor h1>div.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 180px
}

.ql-editor h2.bullet>div:before {
  content: "\2022     "
}

.ql-editor h2.checked,
.ql-editor h2.unchecked {
  pointer-events: none
}

.ql-editor h2.checked>div *,
.ql-editor h2.unchecked>div * {
  pointer-events: all
}

.ql-editor h2.checked>div:before {
  font-family: chuxintech!important;
  content: "\F202     ";
  cursor: pointer;
  opacity: .8;
  pointer-events: all;
  margin-right: -20px
}

.ql-editor h2.checked>div>span {
  text-decoration: line-through;
  opacity: .8
}

.ql-editor h2.unchecked>div:before {
  font-family: chuxintech!important;
  content: "\F201     ";
  cursor: pointer;
  pointer-events: all;
  margin-right: -20px
}

.ql-editor h2>div.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 20px
}

.ql-editor h2>div.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 20px
}

.ql-editor h2>div.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 40px
}

.ql-editor h2>div.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 40px
}

.ql-editor h2>div.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 60px
}

.ql-editor h2>div.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 60px
}

.ql-editor h2>div.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 80px
}

.ql-editor h2>div.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 80px
}

.ql-editor h2>div.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 100px
}

.ql-editor h2>div.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 100px
}

.ql-editor h2>div.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 120px
}

.ql-editor h2>div.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 120px
}

.ql-editor h2>div.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 140px
}

.ql-editor h2>div.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 140px
}

.ql-editor h2>div.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 160px
}

.ql-editor h2>div.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 160px
}

.ql-editor h2>div.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 180px
}

.ql-editor h2>div.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 180px
}

.ql-editor h3.bullet>div:before {
  content: "\2022     "
}

.ql-editor h3.checked,
.ql-editor h3.unchecked {
  pointer-events: none
}

.ql-editor h3.checked>div *,
.ql-editor h3.unchecked>div * {
  pointer-events: all
}

.ql-editor h3.checked>div:before {
  font-family: chuxintech!important;
  content: "\F202     ";
  cursor: pointer;
  opacity: .8;
  pointer-events: all;
  margin-right: -20px
}

.ql-editor h3.checked>div>span {
  text-decoration: line-through;
  opacity: .8
}

.ql-editor h3.unchecked>div:before {
  font-family: chuxintech!important;
  content: "\F201     ";
  cursor: pointer;
  pointer-events: all;
  margin-right: -20px
}

.ql-editor h3>div.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 20px
}

.ql-editor h3>div.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 20px
}

.ql-editor h3>div.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 40px
}

.ql-editor h3>div.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 40px
}

.ql-editor h3>div.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 60px
}

.ql-editor h3>div.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 60px
}

.ql-editor h3>div.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 80px
}

.ql-editor h3>div.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 80px
}

.ql-editor h3>div.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 100px
}

.ql-editor h3>div.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 100px
}

.ql-editor h3>div.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 120px
}

.ql-editor h3>div.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 120px
}

.ql-editor h3>div.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 140px
}

.ql-editor h3>div.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 140px
}

.ql-editor h3>div.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 160px
}

.ql-editor h3>div.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 160px
}

.ql-editor h3>div.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 180px
}

.ql-editor h3>div.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 180px
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 20px
}

.ql-editor ol {
  list-style-type: decimal
}

.ql-editor ul {
  list-style-type: disc
}

.ql-editor ol.ql-indent-1 {
  list-style-type: lower-alpha
}

.ql-editor ol.ql-indent-2 {
  list-style-type: lower-roman
}

.ql-editor ol.ql-indent-3 {
  list-style-type: decimal
}

.ql-editor ol.ql-indent-4 {
  list-style-type: lower-alpha
}

.ql-editor ol.ql-indent-5 {
  list-style-type: lower-roman
}

.ql-editor ol.ql-indent-6 {
  list-style-type: decimal
}

.ql-editor ol.ql-indent-7 {
  list-style-type: lower-alpha
}

.ql-editor ol.ql-indent-8 {
  list-style-type: lower-roman
}

.ql-editor ol.ql-indent-9 {
  list-style-type: decimal
}

.ql-editor ul.ql-indent-1 {
  list-style-type: circle
}

.ql-editor ul.ql-indent-2 {
  list-style-type: square
}

.ql-editor ul.ql-indent-3 {
  list-style-type: disc
}

.ql-editor ul.ql-indent-4 {
  list-style-type: circle
}

.ql-editor ul.ql-indent-5 {
  list-style-type: square
}

.ql-editor ul.ql-indent-6 {
  list-style-type: disc
}

.ql-editor ul.ql-indent-7 {
  list-style-type: circle
}

.ql-editor ul.ql-indent-8 {
  list-style-type: square
}

.ql-editor ul.ql-indent-9 {
  list-style-type: disc
}

.ql-editor ol>li,
.ql-editor ul>li {
  list-style-type: inherit;
  padding-left: 4px
}

.ql-editor ul[data-checked=false],
.ql-editor ul[data-checked=true] {
  pointer-events: none;
  list-style-type: none
}

.ql-editor ul[data-checked=false]>li *,
.ql-editor ul[data-checked=true]>li * {
  pointer-events: all
}

.ql-editor ul[data-checked=false]>li:before,
.ql-editor ul[data-checked=true]>li:before {
  cursor: pointer;
  font-family: chuxintech!important;
  font-style: normal;
  display: inline-block;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: all;
  margin-right: 9px;
  line-height: normal
}

.ql-editor ul[data-checked=true]>li {
  text-decoration: line-through
}

.ql-editor ul[data-checked=true]>li,
.ql-editor ul[data-checked=true]>li:before {
  opacity: .5
}

.ql-editor ul[data-checked=true]>li:before {
  content: "\F202"
}

.ql-editor ul[data-checked=false]>li:before {
  content: "\F201"
}

.ql-editor li:before {
  display: inline-block;
  white-space: nowrap
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl):not(li) {
  padding-left: 126px
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 126px
}

.ql-editor ol.ql-indent-1:not(.ql-direction-rtl),
.ql-editor ul.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 142px
}

.ql-editor ol.ql-indent-1.ql-direction-rtl.ql-align-right,
.ql-editor ul.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 20px
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl):not(li) {
  padding-left: 146px
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 146px
}

.ql-editor ol.ql-indent-2:not(.ql-direction-rtl),
.ql-editor ul.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 162px
}

.ql-editor ol.ql-indent-2.ql-direction-rtl.ql-align-right,
.ql-editor ul.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 40px
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl):not(li) {
  padding-left: 166px
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 166px
}

.ql-editor ol.ql-indent-3:not(.ql-direction-rtl),
.ql-editor ul.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 182px
}

.ql-editor ol.ql-indent-3.ql-direction-rtl.ql-align-right,
.ql-editor ul.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 60px
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl):not(li) {
  padding-left: 186px
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 186px
}

.ql-editor ol.ql-indent-4:not(.ql-direction-rtl),
.ql-editor ul.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 202px
}

.ql-editor ol.ql-indent-4.ql-direction-rtl.ql-align-right,
.ql-editor ul.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 80px
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl):not(li) {
  padding-left: 206px
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 206px
}

.ql-editor ol.ql-indent-5:not(.ql-direction-rtl),
.ql-editor ul.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 222px
}

.ql-editor ol.ql-indent-5.ql-direction-rtl.ql-align-right,
.ql-editor ul.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 100px
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl):not(li) {
  padding-left: 226px
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 226px
}

.ql-editor ol.ql-indent-6:not(.ql-direction-rtl),
.ql-editor ul.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 242px
}

.ql-editor ol.ql-indent-6.ql-direction-rtl.ql-align-right,
.ql-editor ul.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 120px
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl):not(li) {
  padding-left: 246px
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 246px
}

.ql-editor ol.ql-indent-7:not(.ql-direction-rtl),
.ql-editor ul.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 262px
}

.ql-editor ol.ql-indent-7.ql-direction-rtl.ql-align-right,
.ql-editor ul.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 140px
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl):not(li) {
  padding-left: 266px
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 266px
}

.ql-editor ol.ql-indent-8:not(.ql-direction-rtl),
.ql-editor ul.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 282px
}

.ql-editor ol.ql-indent-8.ql-direction-rtl.ql-align-right,
.ql-editor ul.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 160px
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl):not(li) {
  padding-left: 286px
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 286px
}

.ql-editor ol.ql-indent-9:not(.ql-direction-rtl),
.ql-editor ul.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 302px
}

.ql-editor ol.ql-indent-9.ql-direction-rtl.ql-align-right,
.ql-editor ul.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 180px
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
  background-color: #000
}

.ql-editor .ql-bg-red {
  background-color: #e60000
}

.ql-editor .ql-bg-orange {
  background-color: #f90
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0
}

.ql-editor .ql-bg-green {
  background-color: #008a00
}

.ql-editor .ql-bg-blue {
  background-color: #06c
}

.ql-editor .ql-bg-purple {
  background-color: #93f
}

.ql-editor .ql-color-white {
  color: #fff
}

.ql-editor .ql-color-red {
  color: #e60000
}

.ql-editor .ql-color-orange {
  color: #f90
}

.ql-editor .ql-color-yellow {
  color: #ff0
}

.ql-editor .ql-color-green {
  color: #008a00
}

.ql-editor .ql-color-blue {
  color: #06c
}

.ql-editor .ql-color-purple {
  color: #93f
}

.ql-editor .ql-font-microsoftyahei {
  font-family: Microsoft YaHei, sans-serif
}

.ql-editor .ql-font-simsun {
  font-family: SimSun, STSong, sans-serif
}

.ql-editor .ql-font-kaiti {
  font-family: KaiTi, STKaiti, sans-serif
}

.ql-editor .ql-font-simhei {
  font-family: SimHei, STHeiti, sans-serif
}

.ql-editor .ql-font-fangsong {
  font-family: FangSong, STFangsong, sans-serif
}

.ql-editor .ql-font-arial {
  font-family: Arial, sans-serif
}

.ql-editor .ql-font-droid {
  font-family: Droid Serif, sans-serif
}

.ql-editor .ql-font-source {
  font-family: Source Code Pro, sans-serif
}

.ql-editor .ql-size-9 {
  font-size: 9pt
}

.ql-editor .ql-size-10 {
  font-size: 10pt
}

.ql-editor .ql-size-12 {
  font-size: 12pt
}

.ql-editor .ql-size-14 {
  font-size: 14pt
}

.ql-editor .ql-size-18 {
  font-size: 18pt
}

.ql-editor .ql-size-24 {
  font-size: 24pt
}

.ql-editor .ql-size-30 {
  font-size: 30pt
}

.ql-editor .ql-size-36 {
  font-size: 36pt
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit
}

.ql-editor .ql-align-center {
  text-align: center
}

.ql-editor .ql-align-justify {
  text-align: justify
}

.ql-editor .ql-align-right {
  text-align: right
}

.ql-editor .ql-text-indent-1 {
  text-indent: 2em
}

.ql-editor .ql-embed-selected {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ql-editor.ql-blank:before {
  color: rgba(0, 0, 0, .6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none
}

@media (pointer:coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
      color: #444
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
      fill: #444
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
      stroke: #444
  }
}

.ql-snow,
.ql-snow * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ql-snow .ql-hidden {
  display: none
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden
}

.ql-snow .ql-tooltip {
  position: absolute;
  z-index: 101;
  -webkit-transform: translateY(10px);
  transform: translateY(10px)
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none
}

.ql-snow .ql-tooltip.ql-flip {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px)
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle
}

.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444
}

.ql-snow .ql-empty {
  fill: none
}

.ql-snow .ql-even {
  fill-rule: evenodd
}

.ql-snow .ql-stroke.ql-thin,
.ql-snow .ql-thin {
  stroke-width: 1
}

.ql-snow .ql-transparent {
  opacity: .4
}

.ql-snow .ql-direction svg:last-child {
  display: none
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none
}

.ql-snow .ql-editor h1 {
  font-size: 2em
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em
}

.ql-snow .ql-editor h4 {
  font-size: 1em
}

.ql-snow .ql-editor h5 {
  font-size: .83em
}

.ql-snow .ql-editor h6 {
  font-size: .67em
}

.ql-snow .ql-editor a {
  color: #70b1e7!important;
  cursor: pointer!important
}

.ql-snow .ql-editor a:hover {
  color: #1787cf!important
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
  border: 1px solid rgba(208, 212, 217, .5)
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%
}

.ql-snow .ql-picker-label:before {
  line-height: 22px;
  font-size: 12px;
  color: #333
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  position: absolute;
  white-space: nowrap
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  font-size: 12px
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 3
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  top: 100%;
  z-index: 2
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before {
  content: attr(data-label)
}

.ql-snow .ql-picker.ql-header {
  width: 64px
}

.ql-snow .ql-picker.ql-header .ql-picker-options {
  width: 150px
}

.ql-snow .ql-picker.ql-header .ql-picker-item:before,
.ql-snow .ql-picker.ql-header .ql-picker-label:before {
  content: "\6B63\6587"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
  content: "\5927\6807\9898"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {
  content: "\4E2D\6807\9898"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {
  content: "\5C0F\6807\9898"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
  font-size: 2em;
  font-weight: 600
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
  font-size: 1.5em;
  font-weight: 600
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
  font-size: 1.17em;
  font-weight: 600
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
  font-size: 1em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
  font-size: .83em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
  font-size: .67em
}

.ql-snow .ql-picker.ql-font {
  width: 64px
}

.ql-snow .ql-picker.ql-font .ql-picker-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ql-snow .ql-picker.ql-font .ql-picker-options {
  width: 170px;
  line-height: 14px
}

.ql-snow .ql-picker.ql-font .ql-picker-label:before {
  content: "\5B57\4F53"
}

.ql-snow .ql-picker.ql-font .ql-picker-item:before {
  content: "\9ED8\8BA4\5B57\4F53"
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=microsoftyahei]:before {
  content: "\5FAE\8F6F\96C5\9ED1"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=microsoftyahei]:before {
  content: "\5FAE\8F6F\96C5\9ED1";
  font-family: Microsoft YaHei, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=simsun]:before {
  content: "\5B8B\4F53"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=simsun]:before {
  content: "\5B8B\4F53";
  font-family: SimSun, STSong, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=kaiti]:before {
  content: "\6977\4F53"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=kaiti]:before {
  content: "\6977\4F53";
  font-family: KaiTi, STKaiti, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=simhei]:before {
  content: "\9ED1\4F53"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=simhei]:before {
  content: "\9ED1\4F53";
  font-family: SimHei, STHeiti, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=fangsong]:before {
  content: "\4EFF\5B8B"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=fangsong]:before {
  content: "\4EFF\5B8B";
  font-family: FangSong, STFangsong, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=arial]:before {
  content: "Arial"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=arial]:before {
  content: "Arial";
  font-family: Arial, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=droid]:before {
  content: "Droid Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=droid]:before {
  content: "Droid Serif";
  font-family: Droid Serif, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=source]:before {
  content: "Source Code Pro"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=source]:before {
  content: "Source Code Pro";
  font-family: Source Code Pro, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial
}

.ql-snow .ql-picker.ql-size {
  width: 40px
}

.ql-snow .ql-picker.ql-size .ql-picker-options {
  width: 92px
}

.ql-snow .ql-picker.ql-size .ql-picker-label {
  padding-left: 2px!important
}

.ql-snow .ql-picker.ql-size .ql-picker-item:before,
.ql-snow .ql-picker.ql-size .ql-picker-label:before {
  content: "11"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="9"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="9"]:before {
  content: "9"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="10"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="10"]:before {
  content: "10"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="12"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="12"]:before {
  content: "12"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="14"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="14"]:before {
  content: "14"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18"]:before {
  content: "18"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24"]:before {
  content: "24"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30"]:before {
  content: "30"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36"]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36"]:before {
  content: "36"
}

.ql-snow .ql-picker.ql-align {
  width: 40px
}

.ql-snow .ql-picker.ql-align .ql-picker-label {
  padding: 0 10px 0 0;
  border: none
}

.ql-snow .ql-picker.ql-align .ql-picker-label:after {
  content: " ";
  background: url() no-repeat 50%;
  position: absolute;
  top: 0;
  right: 7px;
  height: 27px;
  width: 5px
}

.ql-snow .ql-picker.ql-align .ql-picker-options {
  width: 97px
}

.ql-snow .ql-picker.ql-align .ql-picker-options .ql-picker-item {
  height: 30px;
  padding-left: 10px;
  padding-top: 1.5px
}

.ql-snow .ql-picker.ql-align .ql-picker-options .ql-picker-item svg {
  width: 30px;
  float: left
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif;
  -webkit-font-smoothing: antialiased;
  padding: 10px
}

.ql-toolbar.ql-snow .ql-formats {
  padding: 0 6px 0 5px
}

.ql-toolbar.ql-snow .ql-formats:not(:last-child):after {
  float: right;
  width: 1px;
  height: 18px;
  margin-top: -22px;
  margin-right: -6px;
  background-color: #ddd
}

.ql-toolbar.ql-snow .ql-picker-options {
  -webkit-box-shadow: 0 1px 6px rgba(99, 99, 99, .2);
  box-shadow: 0 1px 6px rgba(99, 99, 99, .2)
}

.ql-toolbar.ql-snow .ql-picker:not(.ql-color-picker).ql-expanded .ql-picker-label:not(.ql-active) {
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6;
  background-color: #e5e5e5
}

.ql-toolbar.ql-snow .ql-picker:not(.ql-color-picker).ql-expanded .ql-picker-options {
  border-color: #ccc
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: none
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
  border-top: 0
}

.ql-snow .ql-tooltip {
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  color: #444;
  padding: 10px 16px;
  font-size: 12px;
  white-space: nowrap
}

.ql-snow .ql-tooltip:before {
  content: "Visit URL:";
  line-height: 24px;
  margin-right: 16px
}

.ql-snow .ql-tooltip:after {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -4px
}

.ql-snow .ql-tooltip input[type=text] {
  border: none;
  width: 218px;
  height: 16px;
  line-height: 16px;
  padding: 4px 30px 4px 0;
  font-size: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: inherit;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.ql-snow .ql-tooltip .link-trangle {
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -4px
}

.ql-snow .ql-tooltip a.ql-remove {
  position: absolute;
  right: 16px;
  top: 12px
}

.ql-snow .ql-tooltip a.ql-remove svg {
  width: 18px
}

.ql-snow .ql-tooltip a {
  line-height: 24px
}

.ql-snow .ql-tooltip input[type=text] {
  display: inline-block
}

.ql-snow .ql-tooltip a.ql-action:after {
  border-right: 0;
  content: "Save";
  padding-right: 0
}

.ql-snow .ql-tooltip[data-mode=formula]:before {
  content: "Enter formula:"
}

.ql-snow .ql-tooltip[data-mode=video]:before {
  content: "Enter video:"
}

.ql-upload-placeholder-attachment {
  width: 100%;
  position: relative;
  height: 122px;
  line-height: 122px;
  text-indent: 0
}

.ql-upload-placeholder-attachment .upload-loading-block {
  position: relative;
  display: block;
  height: 40px;
  text-align: center
}

.ql-upload-placeholder-attachment .upload-loading-block .upload-progress-groove {
  position: relative;
  width: 280px;
  border-radius: 5px;
  background: #ebebeb;
  height: 10px;
  display: inline-block;
  margin-top: 62px;
  text-align: center;
  margin-left: -13px
}

.ql-upload-placeholder-attachment .upload-loading-block .upload-progress-groove .upload-progress-bar {
  height: 100%;
  width: 0;
  float: left;
  background: #707070;
  border-radius: 5px;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.ql-upload-placeholder-attachment .upload-loading-block .upload-status {
  color: #333;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-size: 12px
}

.ql-upload-placeholder-attachment .upload-loading-block .upload-cancel-btn {
  display: block;
  position: absolute;
  top: -2px;
  right: -20px;
  line-height: 1;
  font-size: 14px;
  cursor: pointer
}

.ql-upload-placeholder-image {
  display: inline-block;
  width: auto;
  padding: 5px
}

.ql-upload-placeholder-image .img-wrapper {
  display: inline-block;
  position: relative
}

.ql-upload-placeholder-image .img-wrapper .upload-loading-block {
  position: absolute;
  width: 140px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center
}

.ql-upload-placeholder-image .img-wrapper .upload-loading-block .upload-status {
  display: none;
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  color: #333
}

.ql-upload-placeholder-image .img-wrapper .upload-loading-block .upload-progress-groove {
  float: left;
  width: 120px;
  height: 10px;
  border-radius: 5px;
  opacity: .8;
  background: #ebebeb
}

.ql-upload-placeholder-image .img-wrapper .upload-loading-block .upload-progress-groove .upload-progress-bar {
  float: left;
  border-radius: 5px;
  width: 0;
  height: 100%;
  background-image: -webkit-gradient(linear, right top, left top, from(#41464b), color-stop(37%, #515456), color-stop(86%, #666));
  background-image: linear-gradient(270deg, #41464b, #515456 37%, #666 86%)
}

.ql-upload-placeholder-image .img-wrapper .upload-loading-block .upload-cancel-btn {
  float: right;
  top: 0;
  font-size: 12px;
  width: 13px;
  height: 13px;
  line-height: 10px;
  cursor: pointer
}

.ql-upload-placeholder-image .img-wrapper .upload-loading-block .upload-cancel-btn:hover {
  color: #41464b
}

.ql-upload-placeholder-image .img-wrapper img {
  vertical-align: bottom;
  opacity: .2
}

.ql-upload-placeholder-image.loaded .upload-loading-block {
  display: none
}

.ql-upload-placeholder-image.failed .upload-status {
  display: block
}

.ql-upload-placeholder-image.narrow .upload-progress-groove {
  display: none
}

.ql-upload-placeholder-image.narrow .upload-cancel-btn {
  margin-right: 65px
}

.ql-upload-placeholder-image.low .upload-loading-block {
  display: none
}

.ql-upload-placeholder-image.low img {
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  opacity: 1
}

.ql-blot-attachment {
  white-space: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ql-blot-attachment.ql-embed-selected .ql-attachment-wrapper {
  border: 1px solid #bababa!important;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2)
}

.ql-blot-attachment .ql-attachment-wrapper {
  display: inline-block;
  width: 304px;
  height: 56px;
  line-height: 56px;
  border: 1px solid #e5e5e5;
  background: #f9f9f9;
  border-radius: 4px;
  margin: 5px auto
}

.ql-blot-attachment .ql-attachment-wrapper:hover .ql-attachment-file-url {
  display: block
}

.ql-blot-attachment .ql-attachment-wrapper:hover .ql-attachment-file-info {
  border-right: 1px solid #ddd
}

.ql-blot-attachment .ql-attachment-wrapper .ql-attachment-title-icon {
  width: 30px;
  margin: 0 12px;
  font-size: 24px;
  text-align: center;
  float: left
}

.ql-blot-attachment .ql-attachment-wrapper .ql-attachment-file-info {
  width: 188px;
  height: 44px;
  margin-top: 6px;
  float: left;
  text-align: left;
  font-size: 12px
}

.ql-blot-attachment .ql-attachment-wrapper .ql-attachment-file-info span {
  display: block;
  line-height: 22px
}

.ql-blot-attachment .ql-attachment-wrapper .ql-attachment-file-info span::-moz-selection {
  background: initial
}

.ql-blot-attachment .ql-attachment-wrapper .ql-attachment-file-info span.ql-attachment-file-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ql-blot-attachment .ql-attachment-wrapper .ql-attachment-file-url {
  display: none;
  float: right;
  width: 42px;
  margin-right: 18px;
  font-size: 20px;
  text-align: right;
  color: #888!important
}

.ql-blot-gallery {
  text-indent: 0;
  font-style: normal
}

.ql-blot-gallery.ql-embed-selected {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ql-blot-gallery.ql-blot-gallery-embed {
  display: inline-block
}

.ql-blot-gallery.ql-blot-gallery-block {
  padding-left: 100px;
  padding-right: 100px
}

.ql-blot-gallery.ql-gallery-margin-none {
  margin: 0
}

.ql-blot-gallery.ql-gallery-margin-small.ql-blot-gallery-block .ql-gallery-editableimage,
.ql-blot-gallery.ql-gallery-margin-small.ql-blot-gallery-embed {
  margin: 10px
}

.ql-blot-gallery.ql-gallery-margin-medium.ql-blot-gallery-block .ql-gallery-editableimage,
.ql-blot-gallery.ql-gallery-margin-medium.ql-blot-gallery-embed {
  margin: 30px
}

.ql-blot-gallery.ql-gallery-margin-large.ql-blot-gallery-block .ql-gallery-editableimage,
.ql-blot-gallery.ql-gallery-margin-large.ql-blot-gallery-embed {
  margin: 50px
}

.ql-gallery-editableimage {
  font-size: 0;
  white-space: normal;
  display: inline-block;
  vertical-align: text-bottom
}

.ql-gallery-editableimage .img-wrapper {
  font-size: medium;
  display: inline-block;
  position: relative
}

.ql-gallery-editableimage .img-wrapper img {
  display: block;
  opacity: 1;
  -webkit-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out
}

.ql-gallery-editableimage .img-wrapper.active .resizebars {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  display: block
}

.ql-gallery-editableimage .img-wrapper.active img {
  margin-bottom: 2px;
  margin-top: -2px;
  -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, .4);
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, .4)
}

.ql-gallery-editableimage .img-wrapper:not(.active) img:hover {
  -webkit-box-shadow: 0 0 1px 1px #d6d6d6;
  box-shadow: 0 0 1px 1px #d6d6d6
}

.ql-gallery-editableimage .img-wrapper .resizebars {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
  width: 100%;
  height: 100%
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar {
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 9px;
  background: #41464b;
  border: 2px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .45);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .45);
  z-index: 1
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-left {
  left: 0;
  margin-left: -7px
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-center {
  left: 50%;
  margin-left: -7px
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-right {
  right: 0;
  margin-right: -7px
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-top {
  top: 0;
  margin-top: -7px
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-middle {
  top: 50%;
  margin-top: -7px
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-bottom {
  bottom: 0;
  margin-bottom: -7px
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-left.r-top {
  cursor: nw-resize
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-left.r-middle {
  cursor: w-resize
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-left.r-bottom {
  cursor: sw-resize
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-right.r-top {
  cursor: ne-resize
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-right.r-middle {
  cursor: e-resize
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-right.r-bottom {
  cursor: se-resize
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-center.r-top {
  cursor: n-resize
}

.ql-gallery-editableimage .img-wrapper .resizebars .resizebar.r-center.r-bottom {
  cursor: s-resize
}

.ql-gallery-editableimage .img-wrapper .gallery-default-image-icon {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 78px;
  height: 66px
}

.ql-gallery-editableimage .img-wrapper.gallery-default-image-box {
  background-color: #f7f7f7;
  border: 2px solid #d6d6d6
}

.ql-gallery-editableimage .img-wrapper.gallery-default-image-box img {
  opacity: 0
}

.ql-gallery-editableimage .img-wrapper.gallery-default-image-box .gallery-default-image-icon {
  display: inline-block
}

.ql-gallery-editableimage .img-wrapper.gallery-default-image-box.tiny-box {
  border-size: 1px
}

.ql-gallery-editableimage .img-wrapper.gallery-default-image-box.tiny-box .gallery-default-image-icon {
  width: 26px;
  height: 22px
}

.ql-gallery-editableimage .ql-gallery-toolbar {
  position: absolute;
  min-width: 150px;
  z-index: 1;
  top: calc(100% + 8px);
  left: 0;
  white-space: nowrap;
  padding: 8px 13px;
  color: #333;
  background-color: #fafafa;
  -webkit-box-shadow: 0 2px 6px 0 rgba(68, 68, 68, .15);
  box-shadow: 0 2px 6px 0 rgba(68, 68, 68, .15);
  border-radius: 1px;
  height: 43px
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-gallery-reset {
  display: none
}

.ql-gallery-editableimage .ql-gallery-toolbar.resetable {
  min-width: 196px
}

.ql-gallery-editableimage .ql-gallery-toolbar.resetable .ql-gallery-reset {
  display: inline-block
}

.ql-gallery-editableimage .ql-gallery-toolbar .toolbar-tip {
  font-size: 12px
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-gallery-formats {
  display: inline-block;
  vertical-align: top;
  float: none
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-gallery-formats:not(:first-child) {
  border-left: 1px solid #ddd
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-gallery-formats:not(:first-child)>button:first-child,
.ql-gallery-editableimage .ql-gallery-toolbar .ql-gallery-formats:not(:first-child)>select:first-child {
  margin-left: 15px
}

.ql-gallery-editableimage .ql-gallery-toolbar button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  width: 31px;
  height: 27px
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker {
  height: 27px;
  width: auto;
  margin-right: 15px;
  float: none
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker .ql-picker-label {
  width: auto;
  height: 27px;
  position: relative;
  padding: 0 12px 0 0
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker .ql-picker-label:before {
  line-height: 27px;
  font-weight: 400
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker .ql-picker-label:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2px;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 4px 3px 0;
  border-color: #888 transparent transparent
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker .ql-picker-options {
  position: absolute;
  top: calc(100% + 10px);
  left: -13px;
  background: #fff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
  border-radius: 2px;
  padding: 5px 0;
  width: 102px;
  text-align: left
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker .ql-picker-options .ql-picker-item {
  width: auto;
  padding-left: 20px;
  height: 31px;
  line-height: 31px;
  font-size: 12px;
  color: #666
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker .ql-picker-options .ql-picker-item:before {
  font-weight: 400
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker .ql-picker-options .ql-picker-item:hover {
  background: #f7f7f7
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker .ql-picker-options .ql-picker-item svg {
  vertical-align: bottom
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker .ql-picker-options .ql-picker-item.ql-selected:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px;
  width: 10px;
  height: 10px;
  background: url() no-repeat 50%
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-icon-picker {
  width: 43px
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-icon-picker .ql-picker-label:after {
  right: 3px
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-icon-picker .ql-picker-options {
  width: 79px
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-icon-picker .ql-picker-options .ql-picker-item {
  padding-left: 11px
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-layout .ql-picker-options {
  width: 130px
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-layout .ql-picker-options .ql-picker-item {
  position: relative
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-layout .ql-picker-options .ql-picker-item svg {
  position: absolute;
  left: 10px;
  margin-top: 2px
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-layout .ql-picker-options .ql-picker-item:before {
  position: absolute;
  left: 44px
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-layout .ql-picker-options .ql-picker-item[data-value=embed]:before {
  content: "\5D4C\5165\884C\5185"
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-layout .ql-picker-options .ql-picker-item[data-value=block]:before {
  content: "\72EC\5360\4E00\884C"
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-layout .ql-picker-options .ql-picker-item:after {
  position: absolute;
  left: 95px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-margin .ql-picker-item[data-value=none]:before,
.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-margin .ql-picker-label[data-value=none]:before {
  content: "\65E0\8FB9\8DDD"
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-margin .ql-picker-item[data-value=small]:before,
.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-margin .ql-picker-label[data-value=small]:before {
  content: "\5C0F\8FB9\8DDD"
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-margin .ql-picker-item[data-value=medium]:before,
.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-margin .ql-picker-label[data-value=medium]:before {
  content: "\4E2D\8FB9\8DDD"
}

.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-margin .ql-picker-item[data-value=large]:before,
.ql-gallery-editableimage .ql-gallery-toolbar .ql-picker.ql-gallery-margin .ql-picker-label[data-value=large]:before {
  content: "\5927\8FB9\8DDD"
}

.ql-toolbar.ql-snow {
  background-color: #f0f0f0;
  height: 48px;
  width: 878px;
  padding-top: 11px;
  white-space: nowrap;
  border: none;
  margin: 0 auto;
  text-align: center;
  font-family: Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif
}

.ql-toolbar.ql-snow .ql-formats {
  text-align: left;
  z-index: 101
}

.ql-toolbar.ql-snow button {
  width: 30px;
  height: 27px;
  padding: 0
}

.ql-toolbar.ql-snow .ql-picker {
  height: 27px
}

.ql-toolbar.ql-snow .ql-picker .ql-picker-label:before {
  line-height: 28px;
  font-family: Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif
}

.ql-toolbar.ql-snow .ql-picker:not(.ql-expanded) .ql-picker-label:hover,
.ql-toolbar.ql-snow button:hover {
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.ql-toolbar.ql-snow .ql-picker-item:hover {
  background-color: #f7f7f7
}

.ql-toolbar.ql-snow .ql-picker:not(.ql-icon-picker) .ql-picker-label {
  padding-right: 18px;
  padding-left: 4px;
  text-align: center
}

.ql-toolbar.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -2px;
  right: 8px;
  top: 50%;
  width: 5px;
  height: 3px
}

.ql-toolbar.ql-snow .ql-picker-label.ql-active,
.ql-toolbar.ql-snow button.ql-active {
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6;
  background: #e6e6e6
}

.ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-fill,
.ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-toolbar.ql-snow button.ql-active .ql-fill,
.ql-toolbar.ql-snow button.ql-active .ql-stroke.ql-fill {
  fill: #000
}

.ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke,
.ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke-miter,
.ql-toolbar.ql-snow button.ql-active .ql-stroke,
.ql-toolbar.ql-snow button.ql-active .ql-stroke-miter {
  stroke: #000
}

.ql-toolbar.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-align) .ql-picker-item {
  padding: 8px 0 8px 20px
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  margin-top: 9px
}

.ql-toolbar.ql-snow .ql-picker-options {
  padding: 10px 0;
  left: 50%;
  border-radius: 3px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.ql-toolbar.ql-snow .ql-picker-options:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 0 6px 6px;
  border-color: transparent transparent #fff;
  top: -6px;
  left: 50%;
  margin-left: -4px
}

.ql-toolbar.ql-snow .ql-picker .ql-picker-item.ql-selected {
  overflow: hidden
}

.ql-toolbar.ql-snow .ql-picker .ql-picker-item.ql-selected:before {
  float: left
}

.ql-toolbar.ql-snow .ql-picker .ql-picker-item.ql-selected:after {
  content: " ";
  display: block;
  width: 10px;
  height: 12px;
  background: url() no-repeat 50%;
  float: right;
  margin-right: 20px
}

.ql-toolbar.ql-snow .ql-picker.ql-header .ql-picker-item.ql-selected:after {
  height: 17px
}

.ql-toolbar.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"].ql-selected:after {
  height: 38px
}

.ql-toolbar.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"].ql-selected:after {
  height: 25px
}

.ql-toolbar.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"].ql-selected:after {
  height: 20px
}

.ql-toolbar.ql-snow .ql-picker.ql-size .ql-picker-item.ql-selected:after {
  height: 14px
}

.ql-toolbar.ql-snow .ql-picker.ql-align .ql-picker-item.ql-selected:after {
  height: 25px
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-item.ql-selected:after {
  position: absolute;
  left: 2px;
  top: 1px;
  width: 10px;
  height: 12px
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-item[data-light=light].ql-selected:after {
  background: url() no-repeat 50%
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-item[data-light=dark].ql-selected:after {
  background: url() no-repeat 50%
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-item.ql-selected.selected-hide:after {
  background: none
}

.ql-toolbar.ql-snow button.isActive {
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6;
  background: #e6e6e6
}

.ql-toolbar.ql-snow button.ql-inserts {
  width: 50px;
  font-size: 12px;
  position: relative;
  overflow: visible
}

.ql-toolbar.ql-snow button.ql-inserts.ql-expanded {
  background-color: #e5e5e5;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.ql-toolbar.ql-snow button.ql-inserts:before {
  content: "\63D2\5165";
  color: #333;
  font-family: Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  line-height: 28px;
  font-size: 12px;
  float: left;
  margin-left: 8px
}

.ql-toolbar.ql-snow button.ql-inserts:after {
  content: " ";
  display: block;
  background: url() no-repeat 50%;
  height: 27px;
  width: 5px;
  float: right;
  margin-right: 8px
}

.ql-toolbar.ql-snow button.ql-directory {
  width: 35px;
  font-size: 14px
}

.ql-toolbar.ql-snow button.ql-directory:before {
  content: "\76EE\5F55"
}

.ql-toolbar.ql-snow button.ql-cooperation {
  width: 80px
}

.ql-toolbar.ql-snow button.ql-cooperation:before {
  content: "\67E5\770B\7F16\5199\8005"
}

.ql-toolbar.ql-snow button.ql-avatartrack {
  width: 80px
}

.ql-toolbar.ql-snow button.ql-avatartrack:before {
  content: "\663E\793A\5934\50CF\8FFD\8E2A"
}

.ql-toolbar.ql-snow button.ql-cursortrack {
  width: 80px
}

.ql-toolbar.ql-snow button.ql-cursortrack:before {
  content: "\663E\793A\5149\6807\8FFD\8E2A"
}

.ql-toolbar.ql-snow .ql-inserts-label {
  display: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 35px;
  position: absolute;
  white-space: nowrap;
  padding: 10px 8px;
  background-color: #fff;
  border-color: #ccc;
  -webkit-box-shadow: 0 1px 6px rgba(99, 99, 99, .2);
  box-shadow: 0 1px 6px rgba(99, 99, 99, .2);
  width: 114px;
  height: 200px;
  z-index: 100
}

.ql-toolbar.ql-snow .ql-inserts-label:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 0 6px 6px;
  border-color: transparent transparent #fff;
  top: -6px;
  left: 50%;
  margin-left: -4px
}

.ql-toolbar.ql-snow .ql-inserts-label.ql-expanded {
  display: block
}

.ql-toolbar.ql-snow button.ql-image {
  position: absolute;
  top: 45px;
  width: 114px;
  height: 30px;
  padding: 1.5px 0 1.5px 20px;
  left: 49%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 101;
  display: none;
  background-color: #fff
}

.ql-toolbar.ql-snow button.ql-image.ql-active {
  background-color: #f7f7f7;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ql-toolbar.ql-snow button.ql-image svg {
  width: 17px
}

.ql-toolbar.ql-snow button.ql-image:hover {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f7f7f7
}

.ql-toolbar.ql-snow button.ql-image:after {
  content: "\56FE\7247";
  line-height: 28px;
  float: left;
  margin-left: 17px;
  color: #333;
  font-size: 12px
}

.ql-toolbar.ql-snow button.ql-image.ql-expanded {
  display: block
}

.ql-toolbar.ql-snow button.ql-table {
  position: absolute;
  top: 75px;
  width: 114px;
  height: 30px;
  padding: 1.5px 0 1.5px 20px;
  left: 49%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 101;
  display: none;
  background-color: #fff
}

.ql-toolbar.ql-snow button.ql-table.ql-active {
  background-color: #f7f7f7;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ql-toolbar.ql-snow button.ql-table svg {
  width: 17px
}

.ql-toolbar.ql-snow button.ql-table:hover {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f7f7f7
}

.ql-toolbar.ql-snow button.ql-table:after {
  content: "\8868\683C";
  line-height: 28px;
  float: left;
  margin-left: 17px;
  color: #333;
  font-size: 12px
}

.ql-toolbar.ql-snow button.ql-table.ql-expanded {
  display: block
}

.ql-toolbar.ql-snow button.ql-link {
  position: absolute;
  top: 105px;
  width: 114px;
  height: 30px;
  padding: 1.5px 0 1.5px 20px;
  left: 49%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 101;
  display: none;
  background-color: #fff
}

.ql-toolbar.ql-snow button.ql-link.ql-active {
  background-color: #f7f7f7;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ql-toolbar.ql-snow button.ql-link svg {
  width: 17px
}

.ql-toolbar.ql-snow button.ql-link:hover {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f7f7f7
}

.ql-toolbar.ql-snow button.ql-link:after {
  content: "\8D85\94FE\63A5";
  line-height: 28px;
  float: left;
  margin-left: 17px;
  color: #333;
  font-size: 12px
}

.ql-toolbar.ql-snow button.ql-link.ql-expanded {
  display: block
}

.ql-toolbar.ql-snow button.ql-divide {
  position: absolute;
  top: 135px;
  width: 114px;
  height: 30px;
  padding: 1.5px 0 1.5px 20px;
  left: 49%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 101;
  display: none;
  background-color: #fff
}

.ql-toolbar.ql-snow button.ql-divide.ql-active {
  background-color: #f7f7f7;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ql-toolbar.ql-snow button.ql-divide svg {
  width: 17px
}

.ql-toolbar.ql-snow button.ql-divide:hover {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f7f7f7
}

.ql-toolbar.ql-snow button.ql-divide:after {
  content: "\5206\9694\7EBF";
  line-height: 28px;
  float: left;
  margin-left: 17px;
  color: #333;
  font-size: 12px
}

.ql-toolbar.ql-snow button.ql-divide.ql-expanded {
  display: block
}

.ql-toolbar.ql-snow button.ql-attachment {
  position: absolute;
  top: 165px;
  width: 114px;
  height: 30px;
  padding: 1.5px 0 1.5px 20px;
  left: 49%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 101;
  display: none;
  background-color: #fff
}

.ql-toolbar.ql-snow button.ql-attachment.ql-active {
  background-color: #f7f7f7;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ql-toolbar.ql-snow button.ql-attachment svg {
  width: 17px
}

.ql-toolbar.ql-snow button.ql-attachment:hover {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f7f7f7
}

.ql-toolbar.ql-snow button.ql-attachment:after {
  content: "\9644\4EF6";
  line-height: 28px;
  float: left;
  margin-left: 17px;
  color: #333;
  font-size: 12px
}

.ql-toolbar.ql-snow button.ql-attachment.ql-expanded {
  display: block
}

.ql-toolbar.ql-snow button.ql-code-block {
  position: absolute;
  top: 195px;
  width: 114px;
  height: 30px;
  padding: 1.5px 0 1.5px 20px;
  left: 49%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 101;
  display: none;
  background-color: #fff
}

.ql-toolbar.ql-snow button.ql-code-block.ql-active {
  background-color: #f7f7f7;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ql-toolbar.ql-snow button.ql-code-block svg {
  width: 17px
}

.ql-toolbar.ql-snow button.ql-code-block:hover {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f7f7f7
}

.ql-toolbar.ql-snow button.ql-code-block:after {
  content: "\4EE3\7801\5757";
  line-height: 28px;
  float: left;
  margin-left: 17px;
  color: #333;
  font-size: 12px
}

.ql-toolbar.ql-snow button.ql-code-block.ql-expanded {
  display: block
}

.ql-toolbar.ql-snow button.ql- {
  position: absolute;
  top: 225px;
  width: 114px;
  height: 30px;
  padding: 1.5px 0 1.5px 20px;
  left: 49%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 101;
  display: none;
  background-color: #fff
}

.ql-toolbar.ql-snow button.ql-.ql-active {
  background-color: #f7f7f7;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ql-toolbar.ql-snow button.ql- svg {
  width: 17px
}

.ql-toolbar.ql-snow button.ql-:hover {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f7f7f7
}

.ql-toolbar.ql-snow button.ql-:after {
  line-height: 28px;
  float: left;
  margin-left: 17px;
  color: #333;
  font-size: 12px
}

.ql-toolbar.ql-snow button.ql-.ql-expanded {
  display: block
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker {
  width: 40px;
  height: 27px
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-label {
  width: 40px;
  height: 27px;
  line-height: 27px;
  padding: 0;
  border: none
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-label:hover {
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-label .ql-stroke {
  stroke-width: 1px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke: #555
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-options {
  width: 200px;
  text-align: justify;
  padding: 10px 10px 12px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item {
  padding: 0;
  position: relative
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item .color-name-tip {
  display: none;
  position: absolute;
  top: 24px;
  left: 6px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
  background-color: #41464b;
  text-align: center;
  z-index: 200;
  line-height: 24px;
  padding: 0 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  pointer-events: none
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item .color-name-tip:before {
  content: " ";
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 0 6px 6px;
  border-color: transparent transparent #41464b
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item:hover {
  -webkit-box-shadow: 0 1px 3px #888;
  box-shadow: 0 1px 3px #888
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .ql-picker-options .ql-picker-item:hover .color-name-tip {
  display: inline-block
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker.ql-background .ql-picker-options {
  width: 160px;
  padding-bottom: 10px
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker.ql-background .ql-picker-options .ql-picker-item:first-child {
  position: relative;
  -webkit-box-shadow: inset 0 0 0 1px #d6d6d6;
  box-shadow: inset 0 0 0 1px #d6d6d6;
  border: none
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker.ql-background .ql-picker-options .ql-picker-item:first-child:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 2px;
  width: 18px;
  height: 0;
  border-bottom: 1px solid #ff5151;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-input-wrap {
  float: left;
  display: inline-block;
  padding-top: 12px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-input-wrap .color-rect {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6;
  position: relative;
  width: 15px;
  height: 15px;
  margin: 2px;
  cursor: pointer
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-input-wrap .color-rect:hover {
  -webkit-box-shadow: 0 1px 3px #888;
  box-shadow: 0 1px 3px #888
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-input-wrap .color-label {
  padding: 2px;
  color: #333;
  font-weight: 400;
  line-height: 15px
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-input-wrap .color-input {
  width: 60px;
  height: 15px;
  line-height: 15px;
  padding: 2px;
  font-size: 12px;
  outline: none;
  border: 1px solid #ccc;
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  vertical-align: middle
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-icon {
  display: inline-block;
  width: 27px;
  height: 25px;
  padding: 1px 1px 1px 0
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-icon svg {
  width: 27px;
  height: 25px
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-icon svg:hover {
  background: #dcdcdc
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-icon:after {
  clear: both;
  content: "";
  display: table
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-icon .ql-transparent {
  opacity: 1
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-dropdown {
  display: inline-block;
  width: 11px;
  height: 25px;
  text-align: center
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-dropdown svg {
  width: 5px;
  height: 25px
}

.ql-toolbar.ql-snow .ql-picker.ql-color-picker .color-dropdown:hover {
  background: #dcdcdc
}

.ql-toolbar.ql-snow .ql-color-picker.ql-expanded .ql-picker-label {
  -webkit-box-shadow: 0 0 0 1px #d6d6d6 inset;
  box-shadow: inset 0 0 0 1px #d6d6d6
}

.ql-toolbar.ql-snow .ql-color-picker.ql-expanded .ql-picker-label .color-dropdown {
  background: #dcdcdc
}

.ql-toolbar.ql-snow button.ql-table {
  z-index: 102;
  overflow: visible
}

.ql-toolbar.ql-snow button.ql-table .ql-tablepicker {
  display: none;
  position: absolute;
  padding: 9px 4px 24px;
  top: 0;
  left: 95px;
  width: 98px;
  height: 85px;
  overflow: hidden;
  z-index: 102;
  background-color: #fff;
  border-color: #ccc;
  -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}

.ql-toolbar.ql-snow button.ql-table .ql-tablepicker .ql-tablepicker-cursormatcher {
  position: absolute;
  top: 9px;
  left: 4px;
  height: 180px;
  width: 180px;
  background: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ql-toolbar.ql-snow button.ql-table .ql-tablepicker .ql-tablepicker-unhighlight {
  position: absolute;
  top: 9px;
  left: 4px;
  width: 90px;
  height: 72px;
  background-image: url();
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ql-toolbar.ql-snow button.ql-table .ql-tablepicker .ql-tablepicker-highlight {
  position: absolute;
  top: 9px;
  left: 4px;
  height: 18px;
  width: 18px;
  background-image: url();
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ql-toolbar.ql-snow button.ql-table .ql-tablepicker .ql-tablepicker-label {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ql-toolbar.ql-snow button.ql-table .ql-tablepicker.active {
  display: block
}

.toolbar-tip {
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #41464b;
  z-index: 101;
  padding: 5px 12px;
  line-height: 16px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-align: center
}

.toolbar-tip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 0 6px 6px;
  border-color: transparent transparent #41464b;
  top: -6px;
  left: 50%;
  margin-left: -4px
}

.toolbar-tip.pos-right {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.toolbar-tip.pos-right:after {
  border-width: 6px 6px 6px 0;
  border-color: transparent #41464b transparent transparent;
  left: -2px
}

.toolbar-tip.pos-left:after,
.toolbar-tip.pos-right:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  top: 50%;
  margin-top: -6px
}

.toolbar-tip.pos-left:after {
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #41464b;
  left: 100%;
  margin-left: -1px
}

.toolbar-tip.hidden {
  display: none
}

.toolbar-format-tip>div:last-child {
  padding: 3px 0 2px;
  font-size: 12px;
  font-weight: 500;
  -webkit-transform: scale(.83);
  transform: scale(.83);
  line-height: 12px
}

.ql-tooltip:after {
  border-color: transparent transparent #f9f9f9
}

.ql-tooltip .link-trangle,
.ql-tooltip:after {
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 0 8px 8px
}

.ql-tooltip .link-trangle {
  border-color: transparent transparent #ddd
}

.ql-formatpainter-active {
  cursor: url(data:application/octet-stream;base64,AAACAAEAICAAABUADwCoDAAAFgAAACgAAAAgAAAAQAAAAAEAGAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////8AAAD///////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////////////////////////////////8AAAAAAAD///////////8AAAD///////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAAAAAD///8AAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///////////////////////////8AAAD///8AAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///////////////////////////8AAAD///8AAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////8AAAAAAAAAAAD///////8AAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAAAAAD///8AAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////8AAAAAAAAAAAD///////////8AAAD///////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///////////8AAAD///////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD////////////////////////////////////////Ef///gD/8AMB/+ABx//wAMf/+ADH//gAx//8AEf//ABH//wAR//8AEf//gDH//8Bx///g8f//4PH//+Dx///g8f//8cB///+AP///xH///////////////////////////w==), auto
}

.ql-focus.ql-toolbar-wrapper {
  visibility: hidden
}

.ql-snow .ql-tooltip:before {
  content: "\94FE\63A5"
}

.ql-snow .ql-tooltip a.ql-action:after {
  content: "\7F16\8F91"
}

.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
  border-right: 0;
  content: "\4FDD\5B58";
  padding-right: 0
}

.ql-snow .ql-tooltip[data-mode=formula]:before {
  content: "\8F93\5165\516C\5F0F\FF1A"
}

.ql-snow .ql-tooltip[data-mode=video]:before {
  content: "\8F93\5165\89C6\9891\6E90\FF1A"
}

.ql-track-avatar {
  position: absolute;
  left: 4px;
  top: 0
}

.ql-track-avatar .track-avatar {
  z-index: 9;
  position: absolute;
  top: 0;
  left: 34px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  opacity: 0;
  transition: all .3s cubic-bezier(.31, .44, .445, 1.1);
  -webkit-transition: all .3s cubic-bezier(.31, .44, .445, 1.1);
  -moz-transition: all .3s cubic-bezier(.31, .44, .445, 1.1)
}

.ql-track-avatar .track-avatar img {
  border-radius: 50%;
  background-color: #fff;
  width: 100%;
  height: 100%
}

.ql-track-cursor {
  position: absolute;
  left: 4px;
  top: 0
}

.ql-track-cursor .track-cursor {
  z-index: 9;
  padding: 3px 8px;
  line-height: 8px;
  -webkit-transform: translate(-50%, -100%) scale(.8);
  transform: translate(-50%, -100%) scale(.8);
  -webkit-box-shadow: 0 2px 3px #ccc;
  box-shadow: 0 2px 3px #ccc;
  color: #fff;
  border-radius: 2px;
  max-width: 300px;
  text-align: center;
  opacity: 0;
  top: 0;
  transition: all .3s cubic-bezier(.31, .44, .445, 1.1);
  -webkit-transition: all .3s cubic-bezier(.31, .44, .445, 1.1);
  -moz-transition: all .3s cubic-bezier(.31, .44, .445, 1.1)
}

.ql-show>[class*=ql-long-]:before,
.ql-track-cursor .track-cursor {
  position: absolute;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden
}

.ql-show>[class*=ql-long-]:before {
  line-height: 16px;
  z-index: 101;
  font-weight: 400;
  left: 0;
  max-width: 120px;
  text-align: right;
  text-overflow: ellipsis;
  font-style: normal;
  margin-top: 5px;
  background-color: hsla(0, 0%, 94%, .9);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  padding-right: 10px
}

.ql-show>.ql-syntax[class*=ql-long-]:before {
  height: calc(100% + 2px);
  border-right: 3px solid;
  left: -98px;
  top: -6px;
  font-family: normal;
  letter-spacing: .3px
}

.ql-author-tooltip {
  display: none;
  right: auto;
  padding: 3px 8px;
  line-height: 16px;
  font-size: 11px;
  background-color: #3b3a3c;
  -webkit-box-shadow: 0 2px 3px #ccc;
  box-shadow: 0 2px 3px #ccc;
  color: #fff;
  position: absolute;
  border: 0;
  border-radius: 2px;
  letter-spacing: 1px;
  max-width: 300px;
  z-index: 99
}

.ql-snow .ql-popover {
  position: absolute;
  color: #444;
  white-space: nowrap
}

.ql-snow .ql-popover .ql-popover-inner {
  border-radius: 2px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .1);
  background-color: #fff
}

.ql-snow .ql-popover .ql-popover-triangle.top {
  position: absolute;
  top: -6px
}

.ql-snow .ql-popover .ql-popover-triangle.top.middle {
  left: 50%;
  margin-left: -5px
}

.ql-snow .ql-popover .ql-popover-triangle.top.left {
  left: 14px
}

.ql-snow .ql-popover .ql-popover-triangle.top:before {
  content: " ";
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 0 6px 8px;
  border-color: transparent transparent #e5e7eb;
  position: absolute;
  top: -1px;
  left: -1px
}

.ql-snow .ql-popover .ql-popover-triangle.top:after {
  content: " ";
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 0 5px 6px;
  border-color: transparent transparent #fff;
  position: absolute
}

.ql-snow .ql-textcount {
  position: fixed;
  bottom: 30px;
  width: 200px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #898989;
  background-color: #fff;
  opacity: 1;
  z-index: 1;
  border-radius: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  -webkit-box-shadow: 0 2px 8px hsla(0, 0%, 70%, .8);
  box-shadow: 0 2px 8px hsla(0, 0%, 70%, .8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ql-snow .ql-textcount.ql-hide {
  display: none
}

.ql-snow .ql-textcount.ql-fadeout {
  opacity: 0
}

.ql-snow .ql-textcount .ql-count-number {
  color: #41464b
}

.ql-spinner:not(:required):before {
  content: "";
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, .15);
  border-top-color: rgba(0, 0, 0, .25)
}

.ql-spinner:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  margin-left: -10px;
  z-index: 1
}

@-webkit-keyframes spinner {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes spinner {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

.ql-mention-list {
  position: relative;
  width: 220px;
  background-color: #fff
}

.ql-mention-tip {
  padding: 13px 20px;
  color: #ccc;
  border-bottom: 1px solid #ddd;
  font-size: 12px
}

.ql-mention-item {
  display: block;
  height: 56px;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 12px
}

.ql-mention-item .ql-mention-email,
.ql-mention-item .ql-mention-name,
.ql-mention-item .ql-mention-time {
  display: block;
  line-height: 18px;
  height: 18px;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ql-mention-item .ql-mention-email,
.ql-mention-item .ql-mention-time {
  color: #a5a5a5
}

.ql-mention-item .ql-mention-name.no-email {
  line-height: 34px;
  height: 34px
}

.ql-mention-item.unaviliable {
  cursor: default
}

.ql-mention-item.selected {
  background: #f2f5f9
}

.ql-mention-item .ql-mention-avatar {
  float: left;
  margin-top: 4px;
  margin-left: 4px;
  margin-right: 15px;
  border-radius: 50%
}

.ql-mention-item .ql-mention-main.outsider .ql-mention-name:after {
  display: inline-block;
  width: 26px;
  height: 14px;
  line-height: 14px;
  content: "\5916\90E8";
  margin-left: 5px;
  margin-bottom: 2px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 1px;
  font-family: song;
  font-weight: 700;
  font-size: 9px;
  background-color: #e85b5b
}

.ql-mention-item .ql-mention-icon {
  display: inline-block;
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 15px;
  background-size: 36px 36px
}

.ql-mention-item .ql-mention-icon.document,
.ql-mention-item .ql-mention-icon.newdoc {
  background-image: url();
  background-size: 36px 36px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .ql-mention-item .ql-mention-icon.document,
  .ql-mention-item .ql-mention-icon.newdoc {
      background-image: url()
  }
}

.ql-mention-item .ql-mention-icon.sheet,
.ql-mention-item .ql-mention-icon.spreadsheet {
  background-image: url();
  background-size: 36px 36px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .ql-mention-item .ql-mention-icon.sheet,
  .ql-mention-item .ql-mention-icon.spreadsheet {
      background-image: url()
  }
}

.ql-mention-item .ql-mention-icon.folder {
  background-image: url();
  background-size: 36px 36px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .ql-mention-item .ql-mention-icon.folder {
      background-image: url()
  }
}

.ql-mention-item.disabled .ql-mention-avatar {
  opacity: .4
}

.ql-mention-item.disabled .ql-mention-name {
  color: #a5a5a5
}

.ql-mention-item.disabled .ql-mention-name:after {
  display: inline-block;
  width: 26px;
  height: 14px;
  line-height: 14px;
  content: "\7981\7528";
  margin-left: 5px;
  margin-bottom: 2px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 1px;
  font-family: song;
  font-weight: 700;
  font-size: 9px;
  background-color: #ccc
}

.ql-userinfo {
  width: 220px;
  height: 60px;
  padding: 16px 20px;
  position: relative;
  background-color: #fff
}

.ql-userinfo .userinfo-avatar {
  float: left;
  border-radius: 50%
}

.ql-userinfo .userinfo-main {
  display: inline-block
}

.ql-userinfo .userinfo-main.outsider .userinfo-name:after {
  display: inline-block;
  width: 26px;
  height: 14px;
  line-height: 14px;
  content: "\5916\90E8";
  margin-left: 5px;
  margin-bottom: 2px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 1px;
  font-family: song;
  font-weight: 700;
  font-size: 9px;
  background-color: #e85b5b
}

.ql-userinfo .userinfo-email,
.ql-userinfo .userinfo-name {
  display: block;
  height: 14px;
  max-width: 137px;
  margin-left: 15px;
  line-height: 14px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ql-userinfo .userinfo-name {
  color: #333
}

.ql-userinfo .userinfo-name.no-email {
  line-height: 36px;
  height: 36px
}

.ql-userinfo .userinfo-email {
  color: #a5a5a5
}

.ql-userinfo .userinfo-inline.disabled .userinfo-avatar {
  opacity: .4
}

.ql-userinfo .userinfo-inline.disabled .userinfo-name {
  color: #a5a5a5
}

.ql-userinfo .userinfo-inline.disabled .userinfo-name:after {
  display: inline-block;
  width: 26px;
  height: 14px;
  line-height: 14px;
  content: "\7981\7528";
  margin-left: 5px;
  margin-bottom: 2px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 1px;
  font-family: song;
  font-weight: 700;
  font-size: 9px;
  background-color: #ccc
}

.ql-fileinfo {
  position: relative;
  width: 320px;
  height: 103px;
  padding: 13px 20px;
  color: #333;
  font-size: 12px;
  background-color: #fff
}

.ql-fileinfo .fileinfo-inline {
  height: 16px;
  line-height: 16px;
  margin-bottom: 13px
}

.ql-fileinfo .fileinfo-dividing {
  margin: 0 -20px;
  border-bottom: 1px solid #e8e8e8
}

.ql-fileinfo .fileinfo-vertical {
  display: inline-block;
  margin-left: 10px;
  padding-top: 13px
}

.ql-fileinfo .fileinfo-icon {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 36px;
  background-size: 36px 36px;
  vertical-align: top;
  top: 13px
}

.ql-fileinfo .fileinfo-icon.doc,
.ql-fileinfo .fileinfo-icon.newdoc {
  margin-left: -6px;
  background-image: url();
  background-size: 36px 36px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .ql-fileinfo .fileinfo-icon.doc,
  .ql-fileinfo .fileinfo-icon.newdoc {
      background-image: url()
  }
}

.ql-fileinfo .fileinfo-icon.sheet,
.ql-fileinfo .fileinfo-icon.spreadsheet {
  margin-left: -4px;
  background-image: url();
  background-size: 36px 36px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .ql-fileinfo .fileinfo-icon.sheet,
  .ql-fileinfo .fileinfo-icon.spreadsheet {
      background-image: url()
  }
}

.ql-fileinfo .fileinfo-icon.folder {
  margin-left: -4px;
  background-image: url();
  background-size: 36px 36px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .ql-fileinfo .fileinfo-icon.folder {
      background-image: url()
  }
}

.ql-fileinfo .fileinfo-link,
.ql-fileinfo .fileinfo-name {
  display: inline-block;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333
}

.ql-fileinfo .fileinfo-update {
  display: block;
  font-size: 12px;
  color: #a5a5a5;
  line-height: 17px
}

.ql-fileinfo .fileinfo-name {
  display: block;
  line-height: 17px;
  max-width: 210px
}

.ql-fileinfo .fileinfo-link {
  width: 254px;
  max-width: 254px;
  color: #999
}

.ql-fileinfo .fileinfo-link,
.ql-fileinfo .ql-unlink {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  vertical-align: middle
}

.ql-fileinfo .ql-unlink {
  position: relative;
  width: 26px;
  text-align: right;
  cursor: pointer
}

.ql-fileinfo .ql-unlink svg {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 32px
}

.ql-replacement {
  outline: none
}

.ql-replacement-container {
  display: none;
  padding: 15px 62px 15px 30px;
  background: #fff;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .15);
  border-radius: 3px;
  z-index: 1000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: move
}

.ql-replacement-container.active {
  display: inline-block
}

.ql-replacement-container .handle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%
}

.ql-replacement-container.is-pointer-down {
  cursor: move
}

.ql-replacement-container .find-wrap {
  position: relative;
  font-size: 12px;
  line-height: 16px
}

.ql-replacement-container .find-wrap .toggle-replace {
  display: inline-block;
  position: relative;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fbfbfb));
  background-image: linear-gradient(-180deg, #fff, #fbfbfb);
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 58px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  margin-right: 12px;
  cursor: pointer
}

.ql-replacement-container .find-wrap .toggle-replace:hover:hover {
  border-color: #a5a5a5
}

.ql-replacement-container .find-wrap .toggle-replace:hover .find-tip {
  display: inline-block
}

.ql-replacement-container .find-wrap .toggle-replace:hover .replace-tip {
  direction: none
}

.ql-replacement-container .find-wrap .toggle-replace.active .up-down-arrow {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.ql-replacement-container .find-wrap .toggle-replace.active:hover .find-tip {
  display: none
}

.ql-replacement-container .find-wrap .toggle-replace.active:hover .replace-tip {
  display: inline-block
}

.ql-replacement-container .find-wrap .find-text {
  display: inline-block;
  color: #333;
  vertical-align: middle;
  margin-left: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ql-replacement-container .find-wrap .up-down-arrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url() no-repeat 50%;
  background-size: 12px 12px;
  vertical-align: middle
}

.ql-replacement-container .find-wrap .find-tip,
.ql-replacement-container .find-wrap .replace-tip {
  display: none;
  position: absolute;
  top: 40px;
  left: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
  background-color: #41464b;
  text-align: center;
  z-index: 200;
  line-height: 24px;
  padding: 0 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  pointer-events: none
}

.ql-replacement-container .find-wrap .find-tip:before,
.ql-replacement-container .find-wrap .replace-tip:before {
  content: " ";
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 0 6px 6px;
  border-color: transparent transparent #41464b
}

.ql-replacement-container .find-wrap .find-input-box {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 15px
}

.ql-replacement-container .find-wrap .find-input {
  width: 266px;
  height: 32px;
  text-indent: 6px;
  padding-right: 5px;
  font-size: 12px;
  color: #333;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 3px 0 #e5e5e5;
  box-shadow: inset 0 1px 3px 0 #e5e5e5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ql-replacement-container .find-wrap .find-input:hover {
  border-color: #ccc;
  color: #999
}

.ql-replacement-container .find-wrap .find-input:focus {
  border-color: #a6a6a6;
  color: #333
}

.ql-replacement-container .find-wrap .find-arrow {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: 32px;
  line-height: 32px;
  text-align: center;
  padding-right: 10px
}

.ql-replacement-container .find-wrap .find-arrow .find-arrow-item {
  display: none;
  text-align: center;
  width: 15px;
  height: 15px;
  cursor: pointer;
  vertical-align: middle
}

.ql-replacement-container .find-wrap .find-arrow .find-arrow-previous {
  background-image: url();
  background-size: 15px 15px;
  background-repeat: no-repeat
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .ql-replacement-container .find-wrap .find-arrow .find-arrow-previous {
      background-image: url()
  }
}

.ql-replacement-container .find-wrap .find-arrow .find-arrow-next {
  background-image: url();
  background-size: 15px 15px;
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .ql-replacement-container .find-wrap .find-arrow .find-arrow-next {
      background-image: url()
  }
}

.ql-replacement-container .find-wrap .find-arrow .find-result {
  width: auto;
  line-height: 18px;
  font-size: 12px;
  padding: 0 8px;
  display: inline-block;
  text-align: center;
  color: #999
}

.ql-replacement-container .find-wrap .found .find-arrow-item {
  display: inline-block
}

.ql-replacement-container .find-wrap .not-found .find-result {
  color: #e95555
}

.ql-replacement-container .find-wrap .close {
  position: absolute;
  display: inline-block;
  top: 11px;
  right: -32px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  background-image: url();
  background-size: 12px 12px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .ql-replacement-container .find-wrap .close {
      background-image: url()
  }
}

.ql-replacement-container .find-wrap .close:hover {
  background-image: url();
  background-size: 12px 12px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .ql-replacement-container .find-wrap .close:hover {
      background-image: url()
  }
}

.ql-replacement-container .replace-wrap {
  display: none;
  position: relative;
  font-size: 12px;
  line-height: 16px;
  margin-top: 20px;
  margin-bottom: 20px
}

.ql-replacement-container .replace-wrap.active {
  display: block
}

.ql-replacement-container .replace-wrap .replace-text {
  display: inline-block;
  width: 60px;
  text-align: center;
  color: #333;
  margin-right: 12px;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ql-replacement-container .replace-wrap .replace-input-box {
  display: inline-block;
  width: 266px;
  line-height: 15px
}

.ql-replacement-container .replace-wrap .replace-input {
  width: 100%;
  height: 32px;
  padding-left: 6px;
  font-size: 12px;
  color: #333;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 3px 0 #e5e5e5;
  box-shadow: inset 0 1px 3px 0 #e5e5e5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ql-replacement-container .replace-wrap .replace-input:hover {
  border-color: #ccc;
  color: #999
}

.ql-replacement-container .replace-wrap .replace-input:focus {
  border-color: #a6a6a6;
  color: #333
}

.ql-replacement-container .operation-btns {
  position: relative;
  display: none
}

.ql-replacement-container .operation-btns.active {
  display: block
}

.ql-replacement-container .operation-btns .operation-btn {
  display: inline-block;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  height: 30px;
  line-height: 30px;
  padding: 0 30px;
  font-size: 12px;
  color: #676b6f;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fbfbfb));
  background: linear-gradient(180deg, #fff, #fbfbfb);
  text-align: center;
  cursor: pointer
}

.ql-replacement-container .operation-btns .operation-btn:hover {
  border-color: #a5a5a5
}

.ql-replacement-container .operation-btns .replace-btn {
  margin: 0 26px
}

.ql-commented.comment-active.ql-commented-background,
.ql-commented.comment-active.ql-commented-background * {
  background: hsla(44, 86%, 72%, .7)!important
}

.ql-commented.comment-active.ql-commented-shadow {
  -webkit-box-shadow: inset 0 0 0 5px hsla(44, 86%, 72%, .7);
  box-shadow: inset 0 0 0 5px hsla(44, 86%, 72%, .7)
}

.ql-comment-container .doc-comment-container {
  opacity: 1
}

.ql-comment-container .doc-comment-container .doc-comment-addbtn {
  display: none;
  position: absolute;
  left: -30px;
  width: 30px;
  height: 27px;
  cursor: pointer;
  background-image: url();
  background-size: 30px 27px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .ql-comment-container .doc-comment-container .doc-comment-addbtn {
      background-image: url()
  }
}

.ql-comment-container .doc-comment-container .doc-comment-addbtn:hover {
  background-image: url();
  background-size: 30px 27px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .ql-comment-container .doc-comment-container .doc-comment-addbtn:hover {
      background-image: url()
  }
}

.ql-commented.ql-commented-shadow.comment-active.ql-blot-attachment {
  -webkit-box-shadow: initial!important;
  box-shadow: none!important
}

.ql-commented.ql-commented-shadow.comment-active.ql-blot-attachment .ql-attachment-wrapper {
  -webkit-box-shadow: inset 0 0 0 5px hsla(44, 86%, 72%, .7);
  box-shadow: inset 0 0 0 5px hsla(44, 86%, 72%, .7)
}

.ql-commented.ql-commented-shadow.comment-active.ql-table {
  -webkit-box-shadow: initial!important;
  box-shadow: none!important
}

.ql-commented.ql-commented-shadow.comment-active.ql-table .qltable-wrapper {
  -webkit-box-shadow: 0 0 0 5px hsla(44, 86%, 72%, .7);
  box-shadow: 0 0 0 5px hsla(44, 86%, 72%, .7)
}

.ql-commented.ql-commented-shadow.comment-active.ql-table:not(.ql-focus) .sm-sheet-view {
  padding: 5px
}

.ql-commented.comment-active.ql-blot-gallery-block {
  -webkit-box-shadow: initial;
  box-shadow: none
}

.ql-commented.comment-active.ql-blot-gallery-block .ql-gallery-editableimage {
  -webkit-box-shadow: 0 0 0 5px hsla(44, 86%, 72%, .7);
  box-shadow: 0 0 0 5px hsla(44, 86%, 72%, .7)
}

.ql-commented.comment-active.ql-blot-gallery-block .ql-gallery-toolbar,
.ql-commented.comment-active.ql-blot-gallery-block .resizebars {
  display: none
}

.ql-commented.comment-active.ql-commented-background .ql-blot-gallery-embed,
.ql-commented.comment-active.ql-commented-background .ql-blot-gallery-embed * {
  background: initial!important
}

.ql-commented.comment-active.ql-commented-background .ql-blot-gallery-embed .ql-gallery-editableimage {
  -webkit-box-shadow: 0 0 0 5px hsla(44, 86%, 72%, .7);
  box-shadow: 0 0 0 5px hsla(44, 86%, 72%, .7)
}

.ql-commented.comment-active.ql-commented-background .ql-blot-gallery-embed .ql-gallery-toolbar,
.ql-commented.comment-active.ql-commented-background .ql-blot-gallery-embed .resizebars {
  display: none
}

.ql-highlight-comment {
  background-color: hsla(44, 86%, 72%, .69)
}

.ql-highlight-search-result {
  background-color: rgba(255, 217, 0, .98)
}

.ql-highlight-search-target {
  background-color: rgba(77, 168, 238, .98)
}

.ql-temp-code-area {
  overflow: visible;
  position: absolute;
  top: -1000px;
  opacity: 0;
  padding: 5px 10px;
  border: 1px solid transparent;
  line-height: 24px;
  pointer-events: none;
  font-family: Source Code Pro;
  white-space: pre-wrap;
  font-size: 14px;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  word-wrap: break-word
}

pre.ql-syntax:before {
  content: attr(data-linenums);
  display: inline-block;
  position: absolute;
  right: calc(100% + 5px);
  text-align: right;
  font-size: 12px;
  color: #d0d4d9;
  line-height: 24px;
  max-width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre
}

.in-mobile .ql-toolbar {
  display: none
}

.in-mobile.ql-container {
  padding: 15px 25px
}

.in-mobile.ql-snow .ql-editor {
  padding-top: 0
}

.in-mobile.ql-snow .ql-editor .ql-blot-attachment,
.in-mobile.ql-snow .ql-editor h1,
.in-mobile.ql-snow .ql-editor h2,
.in-mobile.ql-snow .ql-editor h3,
.in-mobile.ql-snow .ql-editor h4,
.in-mobile.ql-snow .ql-editor h5,
.in-mobile.ql-snow .ql-editor h6,
.in-mobile.ql-snow .ql-editor hr,
.in-mobile.ql-snow .ql-editor iframe,
.in-mobile.ql-snow .ql-editor ol,
.in-mobile.ql-snow .ql-editor p,
.in-mobile.ql-snow .ql-editor ul,
.in-mobile.ql-snow .ql-editor video {
  padding-left: 0;
  padding-right: 0
}

.in-mobile.ql-snow .ql-editor .ql-indent-1:not(.ql-direction-rtl):not(li) {
  padding-left: 20px
}

.in-mobile.ql-snow .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 20px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-1:not(.ql-direction-rtl),
.in-mobile.ql-snow .ql-editor ul.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 40px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-1.ql-direction-rtl.ql-align-right,
.in-mobile.ql-snow .ql-editor ul.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 20px
}

.in-mobile.ql-snow .ql-editor .ql-indent-2:not(.ql-direction-rtl):not(li) {
  padding-left: 40px
}

.in-mobile.ql-snow .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 40px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-2:not(.ql-direction-rtl),
.in-mobile.ql-snow .ql-editor ul.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 60px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-2.ql-direction-rtl.ql-align-right,
.in-mobile.ql-snow .ql-editor ul.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 40px
}

.in-mobile.ql-snow .ql-editor .ql-indent-3:not(.ql-direction-rtl):not(li) {
  padding-left: 60px
}

.in-mobile.ql-snow .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 60px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-3:not(.ql-direction-rtl),
.in-mobile.ql-snow .ql-editor ul.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 80px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-3.ql-direction-rtl.ql-align-right,
.in-mobile.ql-snow .ql-editor ul.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 60px
}

.in-mobile.ql-snow .ql-editor .ql-indent-4:not(.ql-direction-rtl):not(li) {
  padding-left: 80px
}

.in-mobile.ql-snow .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 80px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-4:not(.ql-direction-rtl),
.in-mobile.ql-snow .ql-editor ul.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 100px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-4.ql-direction-rtl.ql-align-right,
.in-mobile.ql-snow .ql-editor ul.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 80px
}

.in-mobile.ql-snow .ql-editor .ql-indent-5:not(.ql-direction-rtl):not(li) {
  padding-left: 100px
}

.in-mobile.ql-snow .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 100px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-5:not(.ql-direction-rtl),
.in-mobile.ql-snow .ql-editor ul.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 120px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-5.ql-direction-rtl.ql-align-right,
.in-mobile.ql-snow .ql-editor ul.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 100px
}

.in-mobile.ql-snow .ql-editor .ql-indent-6:not(.ql-direction-rtl):not(li) {
  padding-left: 120px
}

.in-mobile.ql-snow .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 120px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-6:not(.ql-direction-rtl),
.in-mobile.ql-snow .ql-editor ul.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 140px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-6.ql-direction-rtl.ql-align-right,
.in-mobile.ql-snow .ql-editor ul.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 120px
}

.in-mobile.ql-snow .ql-editor .ql-indent-7:not(.ql-direction-rtl):not(li) {
  padding-left: 140px
}

.in-mobile.ql-snow .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 140px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-7:not(.ql-direction-rtl),
.in-mobile.ql-snow .ql-editor ul.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 160px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-7.ql-direction-rtl.ql-align-right,
.in-mobile.ql-snow .ql-editor ul.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 140px
}

.in-mobile.ql-snow .ql-editor .ql-indent-8:not(.ql-direction-rtl):not(li) {
  padding-left: 160px
}

.in-mobile.ql-snow .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 160px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-8:not(.ql-direction-rtl),
.in-mobile.ql-snow .ql-editor ul.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 180px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-8.ql-direction-rtl.ql-align-right,
.in-mobile.ql-snow .ql-editor ul.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 160px
}

.in-mobile.ql-snow .ql-editor .ql-indent-9:not(.ql-direction-rtl):not(li) {
  padding-left: 180px
}

.in-mobile.ql-snow .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right:not(li) {
  padding-right: 180px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-9:not(.ql-direction-rtl),
.in-mobile.ql-snow .ql-editor ul.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 200px
}

.in-mobile.ql-snow .ql-editor ol.ql-indent-9.ql-direction-rtl.ql-align-right,
.in-mobile.ql-snow .ql-editor ul.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 180px
}

.in-mobile.ql-snow .ql-editor .ql-blot-attachment {
  margin: 0
}

.in-mobile.ql-snow .ql-editor .ql-upload-placeholder-attachment .upload-loading-block .upload-progress-groove {
  margin-left: 0
}

.in-mobile.ql-snow .ql-editor .ql-upload-placeholder-attachment .upload-loading-block .upload-cancel-btn {
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%)
}

.in-mobile.ql-snow .ql-editor .ql-blot-gallery.ql-blot-gallery-block {
  padding-left: 0;
  padding-right: 0
}

.in-mobile.ql-snow .ql-editor .ql-textcount {
  display: none
}

.in-mobile.ql-snow .ql-editor .ql-table {
  padding: 8px 0 20px
}

.in-mobile.ql-snow .ql-editor .ql-table .h-view-wrap {
  overflow-x: scroll;
  overflow-y: hidden
}

.in-mobile.ql-snow .ql-editor .ql-table .h-view {
  padding: 0;
  border: none;
  margin-top: 0;
  margin-bottom: 0
}

.in-mobile.ql-snow .ql-editor .ql-gallery-editableimage .img-wrapper img,
.in-mobile.ql-snow .ql-editor .upload-loadding-embed .img-wrapper img {
  max-width: 100%
}

.in-mobile.ql-snow .ql-editor .ql-gallery-editableimage .img-wrapper:not(.active) img:hover,
.in-mobile.ql-snow .ql-editor .upload-loadding-embed .img-wrapper:not(.active) img:hover {
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent
}

.in-mobile.ql-snow .ql-editor .ql-upload-placeholder-image .img-wrapper .upload-loading-block .upload-progress-groove {
  margin-left: 10px
}

.in-mobile.ql-snow .ql-editor pre.ql-syntax {
  margin: 0
}

.in-mobile.ql-snow .ql-editor pre.ql-syntax:before {
  max-width: 20px
}

.in-mobile .ql-temp-code-area {
  margin: 0
}

.in-mobile.ql-snow .ql-editor ol,
.in-mobile.ql-snow .ql-editor ul {
  padding-left: 20px
}

.in-mobile .ql-track-avatar .track-avatar {
  left: 0;
  height: 20px;
  width: 20px
}

.in-mobile .ql-blot-attachment .ql-attachment-wrapper {
  max-width: 100%
}

.in-mobile .ql-blot-attachment .ql-attachment-wrapper .ql-attachment-file-info {
  border-right: transparent
}

.in-mobile .ql-blot-attachment .ql-attachment-wrapper .ql-attachment-file-url {
  display: none
}

.ql-image-uploader {
  position: fixed;
  right: 20px;
  top: 150px;
  z-index: 100
}

@font-face {
  font-family: Droid Serif;
  font-style: normal;
  font-weight: 400;
  src: local("Droid Serif") url(data:application/x-font-ttf;base64,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cREPPzwv/g4hNlUrAlCgBG8KagsEFitBLv6oAe7+Ev77Umd2PQGiHWYbLj0iWP6aVgkcNy0BCtcgOhIqJlZWTFQEYApW/ppYIjwtHAH932QCTabJ5HUDAP//AHX+FASkBcsSJgAmAAARBwB6AYcAAAAQQAoBADgBSzgwKwUlAStdNQAA//8ATgAABKYHcxImACgAABEHAEP/0AFSABW0ASgFJgG4/6a0LigKCCUBKzUAKzUA//8ATgAABKYHcxImACgAABEHAHYAmgFSABNACwE0BSYBbSguCgglASs1ACs1AAAA//8ATgAABKYHcxImACgAABEHAMMAPQFSABNACwE0BSYBEigzCgglASs1ACs1AAAA//8ATgAABKYHRhImACgAABEHAGoAMwFSABdADQIBNwUmAgEHKEQKCCUBKzU1ACs1NQAAAP//AEsAAAKiB3MSJgAsAAARBwBD/sIBUgAVtAEgBSYBuP+atCYgABAlASs1ACs1AP//AE4AAAKiB3MSJgAsAAARBwB2/4gBUgATQAsBLAUmAV0gJgAQJQErNQArNQAAAP//AEkAAAKlB3MSJgAsAAARBwDD/ygBUgAVtAEsBSYBuP//tCArABAlASs1ACs1AP//AEkAAAKiB0YSJgAsAAARBwBq/yYBUgAZtgIBLwUmAgG4//y0IDwAECUBKzU1ACs1NQAAAgBOAAAFXAW2AB4ALwBDQCUsLC8kWw9nMSsvWgEcZDAuHl4rLwABAAAJFl0vXhUSKl4IXQkDAD/h4T/h4RE5L10z4TIBEPQy4TIQ9uEROS8xMBMzETQuAisBNSEyHgESFRQCDgEjITUzMj4CNREjATI+AjU0LgIrAREhFSERTsIbLj0iGgJznvirWlSm+6b9jRojPS4awgJDerd6PT15t3m0AVz+pAMvAaYtNx4JVmG6/vCuqP7xv2dWCh86MAHi/Z1ToOqYmOqfUv3fZP2d//8ATgAABeEHMRImADEAABEHAMUA2QFSABNACwE4BSYBD0MzCiQlASs1ACs1AAAA//8Ac//sBXsHcxImADIAABEHAEMARgFSABW0AigFJgK4/5+0LigKACUBKzUAKzUA//8Ac//sBXsHcxImADIAABEHAHYBAgFSABNACwI0BSYCWCguCgAlASs1ACs1AAAA//8Ac//sBXsHcxImADIAABEHAMMAqgFS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b25zLgAAQQBzAGMAZQBuAGQAZQByACAAQwBvAHIAcABvAHIAYQB0AGkAbwBuAABBc2NlbmRlciBDb3Jwb3JhdGlvbgAARAByAG8AaQBkACAAUwBlAHIAaQBmACAAaQBzACAAYQAgAGMAbwBuAHQAZQBtAHAAbwByAGEAcgB5ACAAcwBlAHIAaQBmACAAdAB5AHAAZQBmAGEAYwBlACAAZgBhAG0AaQBsAHkAIABkAGUAcwBpAGcAbgBlAGQAIABmAG8AcgAgAGMAbwBtAGYAbwByAHQAYQBiAGwAZQAgAHIAZQBhAGQAaQBuAGcAIABvAG4AIABzAGMAcgBlAGUAbgAuACAARAByAG8AaQBkACAAUwBlAHIAaQBmACAAaQBzACAAcwBsAGkAZwBoAHQAbAB5ACAAYwBvAG4AZABlAG4AcwBlAGQAIAB0AG8AIABtAGEAeABpAG0AaQB6AGUAIAB0AGgAZQAgAGEAbQBvAHUAbgB0ACAAbwBmACAAdABlAHgAdAAgAGQAaQBzAHAAbABhAHkAZQBkACAAbwBuACAAcwBtAGEAbABsACAAcwBjAHIAZQBlAG4AcwAuACAAVgBlAHIAdABpAGMAYQBsACAAcwB0AHIAZQBzAHMAIABhAG4AZAAgAG8AcABlAG4AIABmAG8AcgBtAHMAIABjAG8AbgB0AHIAaQBiAHUAdABlACAAdABvACAAaQB0AHMAIAByAGUAYQBkAGEAYgBpAGwAaQB0AHkAIAB3AGgAaQBsAGUAIABpAHQAcwAgAHAAcgBvAHAAbwByAHQAaQBvAG4AIABhAG4AZAAgAG8AdgBlAHIAYQBsAGwAIABkAGUAcwBpAGcAbgAgAGMAbwBtAHAAbABlAG0AZQBuAHQAIABpAHQAcwAgAGMAbwBtAHAAYQBuAGkAbwBuACAARAByAG8AaQBkACAAUwBhAG4AcwAuAABEcm9pZCBTZXJpZiBpcyBhIGNvbnRlbXBvcmFyeSBzZXJpZiB0eXBlZmFjZSBmYW1pbHkgZGVzaWduZWQgZm9yIGNvbWZvcnRhYmxlIHJlYWRpbmcgb24gc2NyZWVuLiBEcm9pZCBTZXJpZiBpcyBzbGlnaHRseSBjb25kZW5zZWQgdG8gbWF4aW1pemUgdGhlIGFtb3VudCBvZiB0ZXh0IGRpc3BsYXllZCBvbiBzbWFs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AIb/1wCH/9cAiP/DAJ//rgC//9cAwf/XAMn/1wDM/9cADwAi/9cAJP/XADf/1wA5/9cAOv/XADv/1wA8/8MAgv/XAIP/1wCE/9cAhf/XAIb/1wCH/9cAiP+aAJ//wwAEADn/1wA6/9cAPP/XAJ//1wAiACT/cQBE/64ARv+uAEf/rgBI/64ASv+uAFL/rgBU/64Agv9xAIP/cQCE/3EAhf9xAIb/cQCH/3EAiP8fAKL/rgCj/64ApP+uAKX/rgCm/64Ap/+uAKj/rgCp/64Aqv+uAKv/rgCs/64Arf+uALL/rgC0/64Atf+uALb/rgC3/64AuP+uALr/rgAHACL/1wA3/9cAOf/XADr/1wA8/9cAiP/XAJ//1wAlACb/1wAq/9cAMv/XADT/1wBG/9cAR//XAEj/1wBK/9cAUv/XAFT/1wBY/9cAWv/DAFz/wwCU/9cAlf/XAJb/1wCX/9cAmP/XAJr/1wCp/9cAqv/XAKv/1wCs/9cArf/XALL/1wC0/9cAtf/XALb/1wC3/9cAuP/XALr/1wC7/9cAvP/XAL3/1wC+/9cAv//DAMH/wwALAAX/hQAK/4UADf9cACL/cQA3/3EAOf+aADr/mgA8/4UAn/+FAMn/XADM/1wAHAAN/9cAIv/XACb/1wAq/9cAMv/XADT/1wA3/9cAOP/sADn/wwA6/8MAPP/DAFr/1wBc/9cAlP/XAJX/1wCW/9cAl//XAJj/1wCa/9cAm//sAJz/7ACd/+wAnv/sAJ//wwC//9cAwf/XAMn/1wDM/9cAEwAi/9cAJP/XADf/1wA5/9cAOv/XADv/1wA8/9cAWv/sAFz/1wCC/9cAg//XAIT/1wCF/9cAhv/XAIf/1wCI/9cAn//XAL//1wDB/9cAMAAP/0gAEf9IACT/hQAm/9cAKv/XADL/1wA0/9cARP/DAEb/wwBH/8MASP/DAEr/wwBS/8MAVP/DAIL/hQCD/4UAhP+FAIX/hQCG/4UAh/+FAIj/XACU/9cAlf/XAJb/1wCX/9cAmP/XAJr/1wCi/8MAo//DAKT/wwCl/8MApv/DAKf/wwCo/8MAqf/DAKr/wwCr/8MArP/DAK3/wwCy/8MAtP/DALX/wwC2/8MAt//DALj/wwC6/8MAyv9IAM3/SAAHACT/1wCC/9cAg//XAIT/1wCF/9cAhv/XAIf/1wAxAA//HwAR/x8AJP9cACb/1wAq/9cAMv/XADT/1wBE/4UARv+FAEf/hQBI/4UASv+FAFL/hQBU/4UAVv+uAIL/XACD/1wAhP9cAIX/XACG/1wAh/9cAIj+9gCU/9cAlf/XAJb/1wCX/9cAmP/XAJr/1wCi/4UAo/+FAKT/hQCl/4UApv+FAKf/hQCo/4UAqf+FAKr/hQCr/4UArP+FAK3/hQCy/4UAtP+FALX/hQC2/4UAt/+FALj/hQC6/4UAyv8fAM3/HwAwAA//SAAR/0gAJP+FACb/1wAq/9cAMv/XADT/1wBE/5oARv+FAEf/hQBI/4UASv+FAFL/hQBU/4UAgv+FAIP/hQCE/4UAhf+FAIb/hQCH/4UAiP72AJT/1wCV/9cAlv/XAJf/1wCY/9cAmv/XAKL/mgCj/5oApP+aAKX/mgCm/5oAp/+aAKj/mgCp/4UAqv+FAKv/hQCs/4UArf+FALL/hQC0/4UAtf+FALb/hQC3/4UAuP+FALr/hQDK/0gAzf9IAA8AJv/XACr/1wAy/9cANP/XADb/7ABa/8MAXP+aAJT/1wCV/9cAlv/XAJf/1wCY/9cAmv/XAL//mgDB/5oAMgAP/1wAEf9cACT/cQAm/8MAKv/DADL/wwA0/8MANv/XAET/hQBG/3EAR/9xAEj/cQBK/3EAUv9xAFT/cQBW/4UAgv9xAIP/cQCE/3EAhf9xAIb/cQCH/3EAiP9IAJT/wwCV/8MAlv/DAJf/wwCY/8MAmv/DAKL/hQCj/4UApP+FAKX/hQCm/4UAp/+FAKj/hQCp/3EAqv9xAKv/cQCs/3EArf9xALL/cQC0/3EAtf9xALb/cQC3/3EAuP9xALr/cQDK/1wAzf9cAAUABf+uAAr/rgBc/9cAv//XAMH/1wADAFz/1wC//9cAwf/XAAgABQCkAAoApAAMALgADQCkAEAAuABgALgAyQCkAMwApAAEAAX/rgBc/9cAv//XAMH/1wASAEb/1wBH/9cASP/XAEr/1wBS/9cAVP/XAKn/1wCq/9cAq//XAKz/1wCt/9cAsv/XALT/1wC1/9cAtv/XALf/1wC4/9cAuv/XAAsADQA9AET/1wCi/9cAo//XAKT/1wCl/9cApv/XAKf/1wCo/9cAyQA9AMwAPQACAA//mgAR/3EABAAP/3EAEf9xAMr/cQDN/3EABAAP/0gAEf9IAMr/SADN/0gANgAF/1wACv9cAA3/cQAi/4UAJv/XACr/1wAy/9cANP/XADf/hQA4/9cAOf9cADr/cQA8/3EARv/XAEf/1wBI/9cASv/XAFL/1wBU/9cAWP/XAFn/mgBa/8MAXP+aAJT/1wCV/9cAlv/XAJf/1wCY/9cAmv/XAJv/1wCc/9cAnf/XAJ7/1wCf/3EAqf/XAKr/1wCr/9cArP/XAK3/1wCy/9cAtP/XALX/1wC2/9cAt//XALj/1wC6/9cAu//XALz/1wC9/9cAvv/XAL//mgDB/5oAyf9xAMz/cQAIACT/cQCC/3EAg/9xAIT/cQCF/3EAhv9xAIf/cQCI/uEAAQBW/5oAAgAZAAUABQAAAAoACgABAA0ADQACACQAJQADACcAKgAFAC4ALwAJADIAPAALAEQARQAWAEkASQAYAEsASwAZAE4ATgAaAFEAUwAbAFUAVQAeAFkAWgAfAFwAXAAhAIIAiAAiAIoAjQApAJIAkgAtAJQAmAAuAJoApwAzALIAuABBALoAugBIAL8AwQBJAMgAyQBMAMsAywBOAAAAAQAAAAoAHAAeAAFsYXRuAAgABAAAAAD//wAAAAAAAA==) format("truetype")
}

@font-face {
  font-family: Source Code Pro;
  font-style: normal;
  src: local("Source Code Pro") url(https://assets-cdn.shimo.im/assets/scripts/fonts/43bb4cbf.43bb4cbf1d0ecfdb1309e4cb67264f35-43bb4cbf1d.ttf) format("truetype")
}

.ql-snow.ql-container,
.ql-snow .ql-container {
  border: none;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif;
  -webkit-font-smoothing: antialiased
}

.ql-snow .ql-editor {
  padding: 20px 0 100px;
  font-size: 11pt;
  line-height: 1.7;
  color: #333;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 500px
}

.ql-snow .ql-editor [class*=ql-author-] {
  z-index: -1
}

.ql-snow .ql-editor ::-moz-selection {
  background-color: #d8ebff
}

.ql-snow .ql-editor ::selection {
  background-color: #d8ebff
}

.ql-snow .ql-editor>blockquote,
.ql-snow .ql-editor>h1,
.ql-snow .ql-editor>h2,
.ql-snow .ql-editor>h3,
.ql-snow .ql-editor>h4,
.ql-snow .ql-editor>h5,
.ql-snow .ql-editor>h6,
.ql-snow .ql-editor>iframe,
.ql-snow .ql-editor>ol,
.ql-snow .ql-editor>p,
.ql-snow .ql-editor>ul,
.ql-snow .ql-editor>video {
  outline: none;
  padding: 0 100px;
  border-left: 3px solid transparent
}

.ql-snow .ql-editor .ql-blot-attachment,
.ql-snow .ql-editor .ql-blot-gallery.ql-blot-gallery-block,
.ql-snow .ql-editor .ql-table {
  border-left: 3px solid transparent
}

.ql-snow .ql-editor a {
  color: #000
}

.ql-snow .ql-editor pre.ql-syntax {
  font-family: Source Code Pro;
  margin: 0 100px;
  background-color: #f0f0f0;
  color: #41464b;
  position: relative;
  border-radius: 0;
  font-size: 14px;
  line-height: 24px
}

.ql-snow .ql-editor pre.ql-syntax+p {
  padding-top: 10px
}

.ql-snow .ql-editor hr {
  border: none;
  margin: 0;
  padding: 0 100px;
  border-left: 3px solid transparent;
  height: 2em
}

.ql-snow .ql-editor hr:after {
  content: "";
  display: block;
  height: 1em;
  border-bottom: 1px solid #41464b;
  margin-bottom: 1em
}

.ql-snow .ql-editor h1 {
  font-size: 15pt;
  line-height: 1.4;
  padding-top: 40px;
  padding-bottom: 20px
}

.ql-snow .ql-editor h2 {
  font-size: 13.5pt;
  line-height: 1.4;
  padding-top: 30px;
  padding-bottom: 20px
}

.ql-snow .ql-editor h3 {
  font-size: 12pt;
  line-height: 1.4;
  padding-top: 20px;
  padding-bottom: 20px
}

.ql-snow .ql-editor h1+*,
.ql-snow .ql-editor h2+*,
.ql-snow .ql-editor h3+* {
  padding-top: 0
}

.ql-snow .ql-editor h1+h1,
.ql-snow .ql-editor h1+h2,
.ql-snow .ql-editor h1+h3,
.ql-snow .ql-editor h1:first-child,
.ql-snow .ql-editor h2+h1,
.ql-snow .ql-editor h2+h2,
.ql-snow .ql-editor h2+h3,
.ql-snow .ql-editor h2:first-child,
.ql-snow .ql-editor h3+h1,
.ql-snow .ql-editor h3+h2,
.ql-snow .ql-editor h3+h3,
.ql-snow .ql-editor h3:first-child {
  padding-top: 5px
}

.ql-snow .ql-editor ol,
.ql-snow .ql-editor ul {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 122px
}

.ql-snow .ql-editor ol+ol,
.ql-snow .ql-editor ol+ul,
.ql-snow .ql-editor ul+ol,
.ql-snow .ql-editor ul+ul {
  padding-top: 0;
  margin-top: -5px
}

.ql-snow .ql-editor ol+p,
.ql-snow .ql-editor ul+p {
  padding-top: 10px
}

.ql-snow .ql-editor ol+p[class*=ql-indent],
.ql-snow .ql-editor ul+p[class*=ql-indent] {
  padding-top: 0;
  margin-top: -5px
}

.ql-snow .ql-editor ol li.ql-align-center,
.ql-snow .ql-editor ol li.ql-align-right,
.ql-snow .ql-editor ul li.ql-align-center,
.ql-snow .ql-editor ul li.ql-align-right {
  list-style-position: inside
}

.ql-snow .ql-editor ul[data-checked] li {
  margin-left: -23px
}

.ql-snow .ql-editor img {
  max-width: 100%
}

.ql-snow .ql-editor .ql-table {
  width: 100%;
  padding: 8px 100px 20px 88px;
  font-size: 0
}

.ql-snow .ql-editor .ql-table+.ql-table {
  padding-top: 0
}

.ql-snow .ql-editor .ql-table .shadow-table {
  display: none
}

.ql-snow .ql-editor .ql-table .h-view-wrap {
  min-height: 0
}

.ql-snow .ql-editor .ql-table .h-view {
  position: static;
  width: auto;
  top: auto;
  height: 178px;
  width: 626px;
  padding: 12px 0 0 12px;
  margin-left: 1px;
  margin-top: 1px;
  margin-bottom: -1px
}

.ql-snow .ql-editor .ql-table .h-view .collab-floating-name {
  font-size: 12px
}

.ql-snow .ql-editor .ql-table .s-body {
  font-size: 11pt;
  opacity: 1
}

.ql-snow .ql-editor .ql-table .ht_master .wtHider {
  position: static
}

.ql-snow .ql-editor .ql-table .ql-table-raw {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc
}

.ql-snow .ql-editor .ql-table .ql-table-raw td {
  word-wrap: break-word;
  word-break: break-all;
  vertical-align: top;
  padding: 0 3px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

.ql-snow .ql-editor .ql-table .ql-table-raw td p {
  min-height: 22px;
  line-height: 22px
}

.ql-snow .ql-editor .ql-table.ql-focus .h-view {
  padding: 0
}

.ql-snow .ql-editor .spread-contextmenu ul {
  margin: 0;
  padding: 0
}

.ql-snow .ql-editor .spread-contextmenu li {
  list-style-type: none;
  padding-left: 20px
}

.ql-snow .ql-editor .spread-contextmenu li:before {
  margin-right: 0;
  content: "";
  width: 0;
  display: none
}

.ql-snow .ql-editor .spread-contextmenu li:not(.ql-direction-rtl):before {
  margin-left: 0
}

.ql-snow .ql-editor .spread-contextmenu hr {
  height: auto;
  margin: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0;
  border: none;
  border-bottom: 0;
  border-left: 0;
  border-top: 1px solid #dedede
}

.ql-snow .ql-editor .spread-contextmenu hr:after {
  content: "";
  display: none;
  height: auto;
  border: none;
  margin: 0
}

.ql-snow.in-mobile .ql-editor {
  font-size: 15px
}

.ql-snow.in-mobile .ql-editor h1 {
  font-size: 20px
}

.ql-snow.in-mobile .ql-editor h2 {
  font-size: 18px
}

.ql-snow.in-mobile .ql-editor h3 {
  font-size: 16px
}

.ps {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden!important;
  -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
  .ps {
      overflow: auto!important
  }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
  .ps {
      overflow: auto!important
  }
}

.ps.ps--active-x>.ps__scrollbar-x-rail,
.ps.ps--active-y>.ps__scrollbar-y-rail {
  display: block;
  background-color: transparent
}

.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: .9
}

.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x {
  background-color: #999;
  height: 11px
}

.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: .9
}

.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
  background-color: #999;
  width: 11px
}

.ps>.ps__scrollbar-x-rail {
  display: none;
  position: absolute;
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0;
  height: 15px
}

.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x {
  position: absolute;
  background-color: #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  bottom: 2px;
  height: 6px
}

.ps>.ps__scrollbar-x-rail:active>.ps__scrollbar-x,
.ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x {
  height: 11px
}

.ps>.ps__scrollbar-y-rail {
  display: none;
  position: absolute;
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  -o-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  right: 0;
  width: 15px
}

.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
  position: absolute;
  background-color: #aaa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
  right: 2px;
  width: 6px
}

.ps>.ps__scrollbar-y-rail:active>.ps__scrollbar-y,
.ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
  width: 11px
}

.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail {
  background-color: #eee;
  opacity: .9
}

.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x {
  background-color: #999;
  height: 11px
}

.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {
  background-color: #eee;
  opacity: .9
}

.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
  background-color: #999;
  width: 11px
}

.ps:hover>.ps__scrollbar-x-rail,
.ps:hover>.ps__scrollbar-y-rail {
  opacity: .6
}

.ps:hover>.ps__scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: .9
}

.ps:hover>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x {
  background-color: #999
}

.ps:hover>.ps__scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: .9
}

.ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
  background-color: #999
}

.ql-view-inner.sidebar-show .ql-wrapper .sidebar {
  right: 0
}

.ql-view-inner .sidebar {
  width: 340px;
  position: fixed;
  right: -340px;
  top: 53px;
  bottom: 0;
  min-height: 150px;
  border-bottom: none;
  font-size: 12px;
  z-index: 100;
  -webkit-transition: right .2s ease-out;
  -moz-transition: right .2s ease-out;
  transition: right .2s ease-out
}

.ql-view-inner .sidebar .sidebar-body {
  width: 100%;
  height: 100%
}

.ql-view-inner .sidebar .sidebar-body #doc-directory {
  margin-top: 76px;
  width: calc(100% - 10px)
}

#ql-view .doc-history .title-text {
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
  line-height: 43px;
  height: 45px;
  color: #a5a5a5
}

#ql-view .doc-history .title-text.active {
  color: #333;
  font-weight: 700;
  border-bottom: 2px solid #333
}

#ql-view .doc-history .doc-history-title {
  position: absolute;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 47px;
  padding-left: 20px
}

#ql-view .doc-history .doc-history-title:after {
  z-index: -1
}

#ql-view .doc-history .doc-sidebar-close {
  width: 12px;
  height: 12px;
  font-size: 12px;
  padding: 7px;
  cursor: pointer;
  color: #888;
  position: absolute;
  text-align: center;
  line-height: 12px;
  right: 36px;
  top: 8px;
  z-index: 2;
  text-indent: 0
}

#ql-view .doc-history .doc-sidebar-close:hover {
  color: #333
}

#ql-view .doc-history .history-list {
  padding: 0 20px;
  position: absolute;
  top: 46px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden
}

#ql-view .doc-history .revision-empty {
  margin-top: 55px;
  text-align: center;
  color: #a5a5a5;
  font-size: 12px
}

#ql-view .doc-history .revision-empty div {
  line-height: 20px
}

#ql-view .doc-history .history-item blockquote,
#ql-view .doc-history .history-item h1,
#ql-view .doc-history .history-item h2,
#ql-view .doc-history .history-item h3,
#ql-view .doc-history .history-item h4,
#ql-view .doc-history .history-item h5,
#ql-view .doc-history .history-item h6,
#ql-view .doc-history .history-item iframe,
#ql-view .doc-history .history-item ol,
#ql-view .doc-history .history-item p,
#ql-view .doc-history .history-item ul,
#ql-view .doc-history .history-item video {
  padding: 0
}

#ql-view .doc-history .history-item .ql-blot-attachment {
  padding: 0;
  margin: 0
}

#ql-view .doc-history .history-item .ql-blot-attachment .ql-attachment-wrapper {
  margin: 0;
  width: 100%;
  height: 24px;
  border: 0;
  background: inherit
}

#ql-view .doc-history .history-item .ql-blot-attachment .ql-attachment-wrapper .ql-attachment-file-url,
#ql-view .doc-history .history-item .ql-blot-attachment .ql-attachment-wrapper .ql-attachment-title-icon {
  display: none
}

#ql-view .doc-history .history-item .ql-blot-attachment .ql-attachment-wrapper .ql-attachment-file-info {
  width: 100%;
  height: 24px;
  margin: 0
}

#ql-view .doc-history .history-item .ql-blot-attachment .ql-attachment-wrapper .ql-attachment-file-info .ql-attachment-file-name {
  text-align: center
}

#ql-view .doc-history .history-item .ql-blot-attachment .ql-attachment-wrapper .ql-attachment-file-info span.ql-attachment-file-size,
#ql-view .doc-history .history-item .ql-blot-attachment .ql-attachment-wrapper:hover .ql-attachment-file-url {
  display: none
}

#ql-view .doc-history .history-item .ql-blot-attachment .ql-attachment-wrapper:hover .ql-attachment-file-info {
  border-right: 0
}

#ql-view .doc-history .history-item .ql-table {
  padding: 0 0 5px
}

#ql-view .doc-history .history-item .ql-syntax {
  margin: 0
}

#ql-view .doc-history .history-item .ql-table-scroll {
  overflow: auto
}

#ql-view .doc-history .history-item .ql-table-raw td {
  width: 95px
}

#ql-view .doc-history .history-item .ql-editor {
  overflow: auto;
  padding: 12px 0;
  min-height: 0
}

#ql-view .doc-history .history-item .ql-editor ol,
#ql-view .doc-history .history-item .ql-editor ul {
  padding-left: 0;
  margin-left: 20px
}

#ql-view .doc-history .history-item .ql-editor ol+p,
#ql-view .doc-history .history-item .ql-editor ul+p {
  padding-top: 0
}

#ql-view .doc-history .history-item .ql-editor p {
  padding: 0
}

#ql-view .doc-history .history-item .ql-blot-gallery {
  padding: 2px
}

#ql-view .doc-history .history-item .ql-blot-gallery-block {
  margin: 0
}

#ql-view .doc-history .history-item img.gallery-image {
  max-width: 100%!important;
  height: auto!important
}

#ql-view .doc-history .history-item .history-revert {
  z-index: 200
}

#ql-view .doc-history .history-item br {
  display: none
}

#ql-view .doc-history .history-item.expand span.img-wrapper {
  background-color: #f0f0f0!important
}

#ql-view .doc-history .history-item:hover .change {
  box-shadow: 0 2px 5px #eaeaea
}

#ql-view .doc-history .history-item .change {
  box-shadow: 0 1px 1px #eaeaea;
  word-break: break-all;
  width: 268px;
  position: relative;
  color: #666;
  line-height: 1.5;
  font-size: 11pt
}

#ql-view .doc-history .history-item .change * {
  cursor: default
}

#ql-view .doc-history .history-item .change font {
  color: #666
}

#ql-view .doc-history .history-item .change .ql-indent-1 {
  padding-left: 20px
}

#ql-view .doc-history .history-item .change .ql-indent-2 {
  padding-left: 40px
}

#ql-view .doc-history .history-item .change .ql-indent-3 {
  padding-left: 60px
}

#ql-view .doc-history .history-item .change .ql-indent-4 {
  padding-left: 80px
}

#ql-view .doc-history .history-item .change .ql-indent-5 {
  padding-left: 100px
}

#ql-view .doc-history .history-item .change .ql-indent-6 {
  padding-left: 120px
}

#ql-view .doc-history .history-item .change .ql-indent-7 {
  padding-left: 140px
}

#ql-view .doc-history .history-item .change .ql-indent-8 {
  padding-left: 160px
}

#ql-view .doc-history .history-item .change [class*=ql-indent-] li {
  padding-left: 4px
}

#ql-view .doc-history .history-item .change a {
  color: #666;
  cursor: default
}

.nocolor span {
  color: inherit!important;
  background-color: inherit!important
}

.historable .ql-history-line-addition {
  background: #d5edd3!important
}

.historable .ql-table.ql-history-line-addition,
.historable .ql-table.ql-history-line-deletion {
  background: inherit!important
}

.historable .ql-history-line-deletion * {
  text-decoration: line-through;
  color: #f4aaaa!important
}

.historable hr.ql-history-line-deletion {
  border-top-color: #f4aaaa
}

.historable .ql-blot-gallery-block.ql-history-line-addition {
  background: inherit!important
}

.historable .ql-blot-gallery-block.ql-history-line-addition img.gallery-image {
  border: 1px solid rgba(119, 196, 111, .7)!important
}

.historable .ql-history-addition,
.historable span.ql-history-addition {
  background: #d5edd3!important
}

.historable .ql-history-addition .ql-blot-gallery,
.historable span.ql-history-addition .ql-blot-gallery {
  padding: 0
}

.historable .ql-history-addition span.img-wrapper,
.historable span.ql-history-addition span.img-wrapper {
  background-color: #fff!important
}

.historable .ql-history-addition img.gallery-image,
.historable span.ql-history-addition img.gallery-image {
  border: 1px solid rgba(119, 196, 111, .7)!important;
  box-shadow: none!important
}

.historable .ql-history-deletion,
.historable .ql-history-line-deletion,
.historable span.ql-history-deletion {
  text-decoration: line-through;
  color: #f4aaaa!important
}

.historable .ql-history-deletion font,
.historable .ql-history-line-deletion font,
.historable span.ql-history-deletion font {
  color: #f4aaaa!important
}

.historable .ql-history-deletion .attachment-file-name:after,
.historable .ql-history-deletion .inner,
.historable .ql-history-deletion.mention:before,
.historable .ql-history-line-deletion .attachment-file-name:after,
.historable .ql-history-line-deletion .inner,
.historable .ql-history-line-deletion.mention:before,
.historable span.ql-history-deletion .attachment-file-name:after,
.historable span.ql-history-deletion .inner,
.historable span.ql-history-deletion.mention:before {
  color: #a5a5a5!important
}

.historable .ql-history-deletion img,
.historable .ql-history-line-deletion img,
.historable span.ql-history-deletion img {
  opacity: .3;
  -webkit-mask-image: -webkit-linear-gradient(45deg, #000 6%, transparent 0, transparent 9%, #000 0, #000 15%, transparent 0, transparent 18%, #000 0, #000 24%, transparent 0, transparent 27%, #000 0, #000 33%, transparent 0, transparent 36%, #000 0, #000 42%, transparent 0, transparent 45%, #000 0, #000 51%, transparent 0, transparent 54%, #000 0, #000 60%, transparent 0, transparent 63%, #000 0, #000 69%, transparent 0, transparent 72%, #000 0, #000 78%, transparent 0, transparent 81%, #000 0, #000 87%, transparent 0, transparent 90%, #000 0, #000 96%, transparent 0, #000)
}

.historable .ql-history-deletion img:hover,
.historable .ql-history-line-deletion img:hover,
.historable span.ql-history-deletion img:hover {
  opacity: .5!important
}

.historable .ql-table-raw {
  width: 100%;
  margin: 10px 0;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 12px
}

.historable .ql-table-raw td {
  border: 1px solid #ccc;
  height: 20px
}

.historable .ql-table-raw td.history-table-rowindex {
  width: 35px;
  background: #eee;
  text-align: center
}

.historable .ql-table-raw td.history-table-ignore {
  width: 30px;
  text-align: center
}

.historable .history-table-header {
  background: #eee
}

.historable .history-table-header td {
  text-align: center
}

.historable .history-table-addition {
  background: rgba(119, 196, 110, .3)
}

.historable .history-table-addition .ql-history-addition {
  background: transparent!important
}

.historable tr.history-table-addition {
  background: rgba(119, 196, 110, .3)
}

.historable table.history-table-addition *,
.historable tr.history-table-addition * {
  background: transparent!important
}

.historable .history-table-deletion {
  background: hsla(0, 77%, 81%, .3)
}

.historable .history-table-deletion,
.historable .history-table-deletion * {
  text-decoration: line-through;
  color: #f4a9a9
}

.historable tr.history-table-deletion {
  background: hsla(0, 77%, 81%, .3)
}

.historable table.history-table-deletion *,
.historable tr.history-table-deletion * {
  background: transparent!important
}

.historable .ql-hidden {
  display: none
}

.historable .ql-gallery-editableimage .ql-gallery-toolbar,
.historable .ql-gallery-editableimage .resizebars {
  display: none!important
}

@keyframes ps {
  0% {
      opacity: 0
  }
  to {
      opacity: 1
  }
}

#preview-container {
  position: absolute;
  z-index: 1000;
  top: 0;
  bottom: 0;
  display: none;
  animation: ps .2s ease-in;
  width: 100%;
  min-width: 1280px;
  background: #f0f0f0;
  transition: opacity .2s ease-in;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px
}

#preview-container.preview-show {
  display: block
}

#preview-container .preview-header {
  width: 100%;
  height: 50px;
  background: #676b6f;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
  margin-bottom: 15px
}

#preview-container .preview-title {
  margin-left: 25px;
  line-height: 50px;
  color: #fff;
  font-size: 14px
}

#preview-container .preview-tip {
  margin-left: 15px;
  line-height: 50px;
  color: #ccc
}

#preview-container .preview-revert {
  display: inline-block;
  margin-left: 38px;
  padding: 5px 20px;
  background-image: linear-gradient(-180deg, #fdfdfd, #f8f8f8);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
  border-radius: 2px;
  color: #666;
  cursor: pointer
}

#preview-container .preview-revert-icon {
  margin-right: 7px;
  color: #333
}

#preview-container .preview-close-icon {
  color: #fff;
  margin-right: 8px
}

#preview-container .preview-quit {
  float: right;
  margin-right: 20px;
  line-height: 50px;
  color: #fff;
  font-size: 14px;
  cursor: pointer
}

#preview-container .preview-content {
  position: relative;
  overflow: auto;
  height: 100%
}

#preview-container .preview-title-box {
  height: 60px;
  margin: 90px 100px 0;
  border-bottom: 1px solid #e8ecf1
}

#preview-container .preview-title-box .preview-title-input {
  border: 0;
  box-shadow: none;
  outline: none;
  height: 50px;
  width: 100%;
  color: #333;
  font-size: 22.5pt;
  font-weight: 700
}

#preview-container .preview-editor {
  position: absolute;
  right: 340px;
  width: 816px;
  background: #fff;
  min-height: 500px;
  -webkit-box-shadow: 0 1px 6px #ccc;
  -moz-box-shadow: 0 1px 6px #ccc;
  -ms-box-shadow: 0 1px 6px #ccc;
  -o-box-shadow: 0 1px 6px #ccc;
  box-shadow: 0 1px 6px #ccc
}

#preview-container .ql-toolbar {
  display: none
}

#preview-container .preview-sidebar {
  position: fixed;
  top: 65px;
  right: 20px;
  bottom: 0;
  overflow: auto;
  width: 302px
}

#preview-container .preview-directory {
  position: relative;
  float: left;
  width: 180px
}

#preview-container .ql-editor [class*=ql-author-] {
  z-index: 0
}

#preview-container .revision-items {
  max-height: calc(100% - 45px);
  overflow: auto
}

#preview-container .revision-bottom {
  width: 100%;
  padding: 11px 0;
  background: #f0f0f0
}

#preview-container .revision-bottom label {
  color: #333;
  font-weight: 400;
  font-size: 12px
}

#preview-container .revision-bottom label.checkbox:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 12px;
  height: 13px;
  background-repeat: no-repeat;
  background-size: 12px 13px
}

#preview-container .revision-bottom label.checkbox.checked:before {
  background-image: url()
}

#preview-container .revision-bottom label.checkbox.unchecked:before {
  background-image: url()
}

#preview-container .pr-container {
  width: 270px;
  height: 40px;
  padding: 10px 15px;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .05);
  border-radius: 2px;
  margin-bottom: 10px;
  cursor: pointer;
  border: 1px solid transparent
}

#preview-container .pr-container.selected {
  background: #f0f0f0;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .05);
  border-color: #ddd
}

#preview-container .pr-container:hover {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1)
}

#preview-container .pr-container:hover .pr-delete {
  display: inline-block
}

#preview-container .pr-container:hover .pr-time {
  display: none
}

#preview-container .pr-container:hover .pr-edit {
  display: inline-block;
  margin-left: 8px;
  opacity: .5
}

#preview-container .pr-container:hover .pr-edit:hover {
  opacity: 1
}

#preview-container .pr-header {
  line-height: 20px
}

#preview-container .pr-wrap {
  display: inline-block;
  color: #333;
  font-weight: 500
}

#preview-container .pr-edit {
  display: none;
  height: 12px
}

#preview-container .pr-label {
  float: left;
  margin-right: 8px;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#preview-container .pr-label input {
  border: 1px solid #e5e5e5;
  box-shadow: inset 0 1px 4px 0 #e5e5e5;
  border-radius: 2px
}

#preview-container .pr-time {
  color: #a5a5a5;
  float: right
}

#preview-container .pr-content {
  line-height: 20px;
  color: #a5a5a5
}

#preview-container .pr-user {
  float: left;
  max-width: 200px;
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500
}

#preview-container .pr-delete {
  display: none;
  float: right
}

#preview-container .pr-delete-icon {
  margin-right: 5px;
  line-height: 18px;
  vertical-align: top
}

@media screen and (max-width:1276px) {
  #preview-container .preview-sidebar {
      position: absolute;
      top: 0
  }
  #preview-container .preview-editor {
      width: 756px
  }
}

@media screen and (min-width:1276px) and (max-width:1340px) {
  #preview-container .preview-editor {
      width: calc(100% - 340px - 180px)
  }
}

@media screen and (min-width:1340px) and (max-width:1436px) {
  #preview-container .preview-directory {
      width: calc(100% - 816px - 340px)
  }
}

@media screen and (min-width:1436px) {
  #preview-container .preview-directory {
      position: fixed;
      width: 280px;
      left: calc(50% - 718px)
  }
  #preview-container .preview-editor {
      right: calc(50% - 378px)
  }
  #preview-container .preview-sidebar {
      right: calc(50% - 698px)
  }
}

#preview-container .ql-editor.nodiff .history-table-deletion,
#preview-container .ql-editor.nodiff .ql-history-deletion {
  display: none
}

#preview-container .ql-editor.nodiff .history-table-addition,
#preview-container .ql-editor.nodiff .history-table-addition *,
#preview-container .ql-editor.nodiff .history-table-retain,
#preview-container .ql-editor.nodiff .history-table-retain *,
#preview-container .ql-editor.nodiff .ql-history-addition,
#preview-container .ql-editor.nodiff .ql-history-addition *,
#preview-container .ql-editor.nodiff ql-history-retain,
#preview-container .ql-editor.nodiff ql-history-retain * {
  background: transparent!important
}

#preview-container .ql-editor.nodiff .ql-table[history=deletion] {
  display: none
}

.new-directory {
  position: fixed;
  width: 315px;
  left: calc(50% - 723px);
  top: 99px;
  bottom: 0;
  font-size: 12px;
  box-sizing: border-box;
  padding: 0 20px 0 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.new-directory.readonly {
  width: 320px;
  padding: 0 20px;
  left: calc(50% - 728px)
}

.new-directory .new-doc-directory {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: left;
  color: #ccc;
  margin: 20px 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.new-directory .doc-directory-title {
  position: relative;
  z-index: 2;
  color: #a5a5a5;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
  background-color: #f0f0f0
}

.new-directory .doc-directory-title .doc-directory-close {
  float: right;
  transition: color .2s;
  cursor: pointer;
  transition: transform .2s
}

.new-directory.readonly .doc-directory-close:hover {
  color: #555
}

.new-directory .new-doc-directory.close .doc-directory-title {
  color: #ccc;
  border-bottom-color: #e8e8e8
}

.new-directory .new-doc-directory.close .doc-directory-title .doc-directory-close {
  color: #d9d9d9;
  transform: rotate(45deg)
}

.new-directory .new-doc-directory.close .doc-directory-title .doc-directory-close:hover {
  color: #555
}

.new-directory .doc-directory-content {
  position: relative;
  height: calc(100vh - 145px);
  box-sizing: border-box;
  overflow: hidden;
  padding-right: 7px;
  transition: transform .25s
}

.new-directory .new-doc-directory.close .doc-directory-content {
  transition: transform .3s
}

.new-directory .doc-directory-list {
  height: auto;
  padding: 10px 0
}

.new-directory .doc-directory-list li.dir-not-found {
  line-height: 24px;
  white-space: normal;
  font-size: 12px;
  color: #a5a5a5
}

.new-directory .doc-directory-list li.toc-entry {
  padding: 6px 0;
  line-height: 18px;
  border: none;
  cursor: pointer
}

.new-directory .doc-directory-list li.toc-entry:hover>a {
  color: #5e97d4
}

.new-directory .doc-directory-list li.toc-entry>a {
  display: block;
  color: #666;
  font-size: 12px;
  white-space: normal;
  text-overflow: inherit;
  margin: 0
}

.new-directory .doc-directory-list li.toc-entry:before {
  content: ""
}

.new-directory .doc-directory-list li.currentHeader>a {
  color: #5e97d4
}

.new-directory .doc-directory-list.has-heading-1 li.heading-1,
.new-directory .doc-directory-list.has-heading-2 li.heading-2,
.new-directory .doc-directory-list.has-heading-3 li.heading-3 {
  font-weight: 700
}

.new-directory .doc-directory-list.has-heading-2 li.heading-1,
.new-directory .doc-directory-list.has-heading-3 li.heading-1,
.new-directory .doc-directory-list.has-heading-3 li.heading-2 {
  font-weight: 400
}

.new-directory .doc-directory-list.has-heading-2 li.heading-1,
.new-directory .doc-directory-list.has-heading-3 li.heading-2 {
  padding-left: 13px
}

.new-directory .doc-directory-list.has-heading-3 li.heading-1 {
  padding-left: 26px
}

.new-directory .doc-directory-list li.decimal ol {
  list-style: decimal
}

.new-directory .doc-directory-list li.lower-latin ol {
  list-style: lower-latin
}

.new-directory .doc-directory-list li.lower-roman ol {
  list-style: lower-roman
}

.new-directory .doc-directory-list ol {
  margin-left: 30px;
  color: #7d7d7d
}

.new-directory .doc-directory-list ol li {
  list-style: inherit
}

.new-directory .doc-directory-list ol li>a {
  color: #7d7d7d
}

body.scroll .ql-toolbar-wrapper {
  position: relative;
  z-index: 100;
  background-color: #f0f0f0
}

body.scroll .ql-toolbar-wrapper,
body.scroll .s-head[class*=ql-table-head-] {
  -webkit-box-shadow: 0 2px 4px hsla(0, 0%, 8%, .15);
  -moz-box-shadow: 0 2px 4px hsla(0, 0%, 8%, .15);
  -ms-box-shadow: 0 2px 4px hsla(0, 0%, 8%, .15);
  -o-box-shadow: 0 2px 4px hsla(0, 0%, 8%, .15);
  box-shadow: 0 2px 4px hsla(0, 0%, 8%, .15)
}

.print .ql-papper .dz-container,
.print .ql-papper .ql-author-tooltip,
.print .ql-papper .ql-clipboard,
.print .ql-papper .ql-comment-container,
.print .ql-papper .ql-textcount,
.print .ql-papper .ql-tooltip,
.print .ql-papper .ql-track-avatar {
  display: none!important
}

.ql-view-inner {
  position: absolute;
  width: 100%;
  min-width: 1280px;
  height: calc(100% - 53px);
  overflow: hidden
}

.ql-view-inner.not-support .ql-toolbar-wrapper:after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: #f0f0f0;
  color: green;
  font-size: 14px;
  text-align: center;
  content: "\60A8\7684\6D4F\89C8\5668\7248\672C\592A\4F4E\FF0C\4EC5\652F\6301\67E5\770B\FF0C\8BF7\4F7F\7528\66F4\9AD8\7248\672C\7684\6D4F\89C8\5668\83B7\5F97\7F16\8F91\529F\80FD\3002"
}

.ql-view-inner .s-head[class*=ql-table-head-] {
  display: none;
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  text-align: center;
  padding-top: 1px;
  z-index: 101
}

.ql-view-inner .s-head[class*=ql-table-head-].ql-focus {
  display: block
}

.ql-view-inner .s-head[class*=ql-table-head-] .s-menu-wrap {
  margin: 0;
  height: 48px
}

.ql-view-inner .s-head[class*=ql-table-head-] .s-menu {
  float: none;
  padding-left: 0
}

.ql-view-inner .s-head[class*=ql-table-head-] .menu-item {
  box-sizing: content-box
}

.ql-view-inner .ql-wrapper {
  position: relative;
  width: 100%;
  height: calc(100% - 46px);
  overflow-x: hidden;
  overflow-y: auto
}

.ql-view-inner .ql-wrapper .ql-inner-wrapper {
  width: 100vw;
  min-width: 1280px
}

.ql-view-inner .ql-wrapper .editable-footer {
  clear: both
}

.ql-view-inner .ql-papper {
  position: relative;
  z-index: 1;
  width: 816px;
  margin: 0 auto;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
  -webkit-box-shadow: 0 1px 6px #ccc;
  -moz-box-shadow: 0 1px 6px #ccc;
  -ms-box-shadow: 0 1px 6px #ccc;
  -o-box-shadow: 0 1px 6px #ccc;
  box-shadow: 0 1px 6px #ccc;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.ql-view-inner .ql-papper.pc {
  min-height: 1172px
}

.ql-view-inner .ql-editor.preview {
  position: absolute;
  top: 0;
  width: 816px;
  height: 1173px;
  background: #f7f7f7;
  opacity: 0;
  transition: opacity .5s linear;
  z-index: -1000
}

.ql-title-box {
  margin: 0 100px;
  width: auto;
  font-size: 22.5pt;
  height: 60px;
  padding-top: 90px;
  border-bottom: 1px solid #e8ecf1
}

.ql-title-box input {
  outline: none;
  border: none;
  box-shadow: none;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-weight: 700
}

.ql-title-box input::-ms-clear {
  display: none
}

@media screen and (min-width:1516px) {
  .ql-view-inner.sidebar-show .ql-wrapper .sidebar {
      right: calc(50% - 758px)
  }
}

@media screen and (min-width:1440px) and (max-width:1516px) {
  .ql-view-inner.sidebar-show .ql-toolbar {
      margin-right: 318px
  }
  .ql-view-inner.sidebar-show .editable-footer,
  .ql-view-inner.sidebar-show .ql-wrapper .ql-papper {
      margin-right: 350px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-toolbar {
      margin-right: 315px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .editable-footer,
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper {
      margin-right: 350px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .sidebar {
      right: 0
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .new-directory {
      left: calc(100% - 1480px)
  }
}

@media screen and (min-width:1440px) and (max-width:1480px) {
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .new-directory {
      left: 0;
      width: calc(100% - 1166px)
  }
}

@media screen and (max-width:1440px) {
  .ql-view-inner.sidebar-show .ql-toolbar {
      margin-left: calc(100vw - 1186px)
  }
  .ql-view-inner.sidebar-show .ql-wrapper .ql-papper {
      display: inline-block;
      float: left;
      margin: 0;
      margin-left: calc(100vw - 1156px)
  }
  .ql-view-inner.sidebar-show .ql-wrapper .editable-footer {
      margin-left: calc(100vw - 1156px)
  }
  .ql-view-inner.sidebar-show .ql-wrapper .sidebar {
      right: 0
  }
  .ql-view-inner.new-directory-show .ql-toolbar {
      margin-left: calc(100vw - 1086px)
  }
  .ql-view-inner.new-directory-show .ql-wrapper .ql-papper {
      display: inline-block;
      float: left;
      margin: 0;
      margin-left: calc(100% - 1060px)
  }
  .ql-view-inner.new-directory-show .ql-wrapper .editable-footer {
      margin-left: calc(100% - 1060px)
  }
  .ql-view-inner.new-directory-show .ql-wrapper .new-directory {
      width: calc(100% - 1060px);
      max-width: 280px;
      left: 0
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper {
      display: inline-block;
      float: left
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .sidebar {
      right: 0
  }
}

@media screen and (min-width:1340px) and (max-width:1440px) {
  .ql-view-inner.sidebar-show.new-directory-show .ql-toolbar {
      margin-left: calc(100vw - 1198px)
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .editable-footer,
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper {
      margin-left: calc(100vw - 1166px)
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .new-directory {
      width: calc(100vw - 1166px)
  }
  .ql-view-inner.new-directory-show .ql-toolbar {
      margin-left: 250px
  }
  .ql-view-inner.new-directory-show .ql-wrapper .editable-footer,
  .ql-view-inner.new-directory-show .ql-wrapper .ql-papper {
      margin-left: 280px
  }
}

@media screen and (max-width:1340px) {
  .ql-view-inner.sidebar-show.new-directory-show .ql-toolbar {
      margin-left: calc(100vw - 1155px)
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper {
      display: inline-block;
      margin-left: calc(100vw - 1100px);
      width: 756px;
      min-width: 756px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-title-box {
      margin: 0 70px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor>:not(.ql-blot-gallery):not(ol):not(ul) {
      padding-left: 70px;
      padding-right: 70px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor>ol,
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor>ul {
      padding-left: 92px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-1:not(.ql-direction-rtl):not(li) {
      padding-left: 96px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right:not(li) {
      padding-right: 96px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-1:not(.ql-direction-rtl),
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-1:not(.ql-direction-rtl) {
      padding-left: 112px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-1.ql-direction-rtl.ql-align-right,
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-1.ql-direction-rtl.ql-align-right {
      padding-right: 20px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-1:not(.ql-direction-rtl) {
      padding-left: 20px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-1.ql-direction-rtl.ql-align-right {
      padding-right: 20px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-1:not(.ql-direction-rtl) {
      padding-left: 20px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-1.ql-direction-rtl.ql-align-right {
      padding-right: 20px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-1:not(.ql-direction-rtl) {
      padding-left: 20px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-1.ql-direction-rtl.ql-align-right {
      padding-right: 20px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-2:not(.ql-direction-rtl):not(li) {
      padding-left: 116px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right:not(li) {
      padding-right: 116px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-2:not(.ql-direction-rtl),
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-2:not(.ql-direction-rtl) {
      padding-left: 132px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-2.ql-direction-rtl.ql-align-right,
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-2.ql-direction-rtl.ql-align-right {
      padding-right: 40px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-2:not(.ql-direction-rtl) {
      padding-left: 40px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-2.ql-direction-rtl.ql-align-right {
      padding-right: 40px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-2:not(.ql-direction-rtl) {
      padding-left: 40px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-2.ql-direction-rtl.ql-align-right {
      padding-right: 40px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-2:not(.ql-direction-rtl) {
      padding-left: 40px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-2.ql-direction-rtl.ql-align-right {
      padding-right: 40px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-3:not(.ql-direction-rtl):not(li) {
      padding-left: 136px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right:not(li) {
      padding-right: 136px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-3:not(.ql-direction-rtl),
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-3:not(.ql-direction-rtl) {
      padding-left: 152px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-3.ql-direction-rtl.ql-align-right,
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-3.ql-direction-rtl.ql-align-right {
      padding-right: 60px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-3:not(.ql-direction-rtl) {
      padding-left: 60px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-3.ql-direction-rtl.ql-align-right {
      padding-right: 60px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-3:not(.ql-direction-rtl) {
      padding-left: 60px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-3.ql-direction-rtl.ql-align-right {
      padding-right: 60px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-3:not(.ql-direction-rtl) {
      padding-left: 60px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-3.ql-direction-rtl.ql-align-right {
      padding-right: 60px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-4:not(.ql-direction-rtl):not(li) {
      padding-left: 156px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right:not(li) {
      padding-right: 156px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-4:not(.ql-direction-rtl),
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-4:not(.ql-direction-rtl) {
      padding-left: 172px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-4.ql-direction-rtl.ql-align-right,
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-4.ql-direction-rtl.ql-align-right {
      padding-right: 80px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-4:not(.ql-direction-rtl) {
      padding-left: 80px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-4.ql-direction-rtl.ql-align-right {
      padding-right: 80px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-4:not(.ql-direction-rtl) {
      padding-left: 80px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-4.ql-direction-rtl.ql-align-right {
      padding-right: 80px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-4:not(.ql-direction-rtl) {
      padding-left: 80px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-4.ql-direction-rtl.ql-align-right {
      padding-right: 80px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-5:not(.ql-direction-rtl):not(li) {
      padding-left: 176px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right:not(li) {
      padding-right: 176px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-5:not(.ql-direction-rtl),
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-5:not(.ql-direction-rtl) {
      padding-left: 192px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-5.ql-direction-rtl.ql-align-right,
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-5.ql-direction-rtl.ql-align-right {
      padding-right: 100px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-5:not(.ql-direction-rtl) {
      padding-left: 100px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-5.ql-direction-rtl.ql-align-right {
      padding-right: 100px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-5:not(.ql-direction-rtl) {
      padding-left: 100px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-5.ql-direction-rtl.ql-align-right {
      padding-right: 100px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-5:not(.ql-direction-rtl) {
      padding-left: 100px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-5.ql-direction-rtl.ql-align-right {
      padding-right: 100px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-6:not(.ql-direction-rtl):not(li) {
      padding-left: 196px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right:not(li) {
      padding-right: 196px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-6:not(.ql-direction-rtl),
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-6:not(.ql-direction-rtl) {
      padding-left: 212px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-6.ql-direction-rtl.ql-align-right,
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-6.ql-direction-rtl.ql-align-right {
      padding-right: 120px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-6:not(.ql-direction-rtl) {
      padding-left: 120px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-6.ql-direction-rtl.ql-align-right {
      padding-right: 120px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-6:not(.ql-direction-rtl) {
      padding-left: 120px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-6.ql-direction-rtl.ql-align-right {
      padding-right: 120px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-6:not(.ql-direction-rtl) {
      padding-left: 120px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-6.ql-direction-rtl.ql-align-right {
      padding-right: 120px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-7:not(.ql-direction-rtl):not(li) {
      padding-left: 216px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right:not(li) {
      padding-right: 216px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-7:not(.ql-direction-rtl),
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-7:not(.ql-direction-rtl) {
      padding-left: 232px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-7.ql-direction-rtl.ql-align-right,
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-7.ql-direction-rtl.ql-align-right {
      padding-right: 140px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-7:not(.ql-direction-rtl) {
      padding-left: 140px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-7.ql-direction-rtl.ql-align-right {
      padding-right: 140px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-7:not(.ql-direction-rtl) {
      padding-left: 140px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-7.ql-direction-rtl.ql-align-right {
      padding-right: 140px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-7:not(.ql-direction-rtl) {
      padding-left: 140px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-7.ql-direction-rtl.ql-align-right {
      padding-right: 140px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-8:not(.ql-direction-rtl):not(li) {
      padding-left: 236px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right:not(li) {
      padding-right: 236px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-8:not(.ql-direction-rtl),
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-8:not(.ql-direction-rtl) {
      padding-left: 252px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ol.ql-indent-8.ql-direction-rtl.ql-align-right,
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor ul.ql-indent-8.ql-direction-rtl.ql-align-right {
      padding-right: 160px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-8:not(.ql-direction-rtl) {
      padding-left: 160px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h1>div.ql-indent-8.ql-direction-rtl.ql-align-right {
      padding-right: 160px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-8:not(.ql-direction-rtl) {
      padding-left: 160px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h2>div.ql-indent-8.ql-direction-rtl.ql-align-right {
      padding-right: 160px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-8:not(.ql-direction-rtl) {
      padding-left: 160px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper .ql-snow .ql-editor h3>div.ql-indent-8.ql-direction-rtl.ql-align-right {
      padding-right: 160px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .editable-footer {
      width: 756px;
      margin-left: calc(100vw - 1100px)
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .new-directory {
      width: calc(100vw - 1100px)
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .sidebar {
      top: 103px
  }
}

@media screen and (max-width:1279px) {
  .ql-view-inner.sidebar-show .ql-toolbar {
      margin-left: 94px
  }
  .ql-view-inner.sidebar-show .ql-wrapper .editable-footer,
  .ql-view-inner.sidebar-show .ql-wrapper .ql-papper {
      margin-left: 124px
  }
  .ql-view-inner.sidebar-show .ql-wrapper .sidebar {
      position: relative;
      float: right;
      top: 0;
      height: 100vh;
      margin-left: 0;
      z-index: 99
  }
  .ql-view-inner.new-directory-show .ql-toolbar {
      margin-left: 180px
  }
  .ql-view-inner.new-directory-show .ql-wrapper .ql-papper {
      margin-left: 0
  }
  .ql-view-inner.new-directory-show .ql-wrapper .editable-footer {
      margin-left: 204px
  }
  .ql-view-inner.new-directory-show .ql-wrapper .new-directory {
      width: 204px;
      position: relative;
      float: left;
      top: 0
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-toolbar {
      margin-left: 128px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .ql-papper {
      display: inline-block;
      margin-left: 0
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .editable-footer {
      margin-left: 180px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .new-directory {
      width: 180px
  }
  .ql-view-inner.sidebar-show.new-directory-show .ql-wrapper .sidebar {
      top: 0
  }
}

@media screen and (min-width:1238px) and (max-width:1456px) {
  #new-directory.readonly {
      width: calc(50vw - 408px);
      left: 0
  }
}

@media screen and (max-width:1238px) {
  body.readonly #footer,
  body.readonly #header,
  body.readonly #ql-papper {
      margin-left: 210px
  }
  #new-directory.readonly {
      width: 210px;
      position: static;
      float: left
  }
}

.tutorial,
.tutorial * {
  box-sizing: border-box
}

.tutorial {
  position: absolute;
  z-index: 101;
  bottom: -291px;
  left: 50%;
  width: 836px;
  height: 238px;
  margin-left: -418px;
  background-color: hsla(0, 0%, 96%, .97);
  border: 1px solid #d5d5d5;
  border-bottom: 0 none;
  box-shadow: 0 0 18px rgba(0, 0, 0, .2);
  -webkit-transition: bottom .2s ease-in;
  transition: bottom .2s ease-in
}

.tutorial.active {
  bottom: 0
}

.tutorial .icon-close {
  position: absolute;
  display: none;
  top: 20px;
  right: 20px;
  z-index: 101;
  font-size: 15px
}

.tutorial .icon-comment-add {
  width: 30px;
  text-align: center;
  font-size: 15px
}

.tutorial .icon-comment-add:hover {
  color: #888
}

.tutorial .new-icon-comment-add {
  display: inline;
  padding: 0 15px;
  background-position-y: -7px
}

.tutorial .guide-mask {
  position: absolute;
  z-index: 101;
  bottom: 0;
  left: 35px;
  width: 410px;
  height: 245px;
  background: transparent url("https://assets-cdn.shimo.im/assets/images/guide_mask-f85fdce11e.png") no-repeat;
  background-position: bottom;
  background-size: 100% 60px;
  pointer-events: none
}

.tutorial .guide-tips-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none
}

.step {
  display: flex;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  text-align: left;
  padding: 20px 20px 70px 465px;
  width: 836px;
  height: 100%;
  -webkit-transition: visibility 0s, opacity .2s ease-in;
  transition: visibility 0s, opacity .2s ease-in
}

.step .btn {
  padding: 0;
  width: 80px
}

.step .link {
  color: #4a90e2;
  cursor: pointer
}

.step .guide {
  position: absolute;
  top: 20px;
  left: 35px;
  width: 410px;
  height: 245px;
  border: 1px solid #e8e8e8;
  cursor: -webkit-zoom-in;
  cursor: zoom-in
}

.step ul {
  max-width: 340px
}

.step li,
.step p {
  font-size: 12px;
  color: #666;
  line-height: 18px;
  margin-bottom: 10px
}

.step li b,
.step p b {
  color: #333
}

.step li {
  position: relative;
  padding-left: 15px
}

.step li:before {
  position: absolute;
  left: 0;
  top: 6px;
  content: " ";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #888
}

.step p:first-child {
  text-align: center;
  font-size: 18px;
  line-height: 26px;
  color: #41464b;
  margin-bottom: 15px
}

.step .btn {
  margin-top: 25px
}

.tutorial .center {
  text-align: center
}

.tutorial .step-6 {
  padding-bottom: 10px;
  padding-left: 0
}

.tutorial .pagination {
  position: absolute;
  z-index: 110;
  bottom: 40px;
  right: 160px;
  width: 80px
}

.tutorial .pagination .btn {
  width: 80px;
  padding: 0
}

.tutorial.step-wrapper-0 .step-0,
.tutorial.step-wrapper-1 .step-1,
.tutorial.step-wrapper-2 .step-2,
.tutorial.step-wrapper-3 .step-3,
.tutorial.step-wrapper-4 .step-4,
.tutorial.step-wrapper-5 .step-5,
.tutorial.step-wrapper-6 .step-6 {
  opacity: 1;
  z-index: 100;
  visibility: visible
}

.tutorial.step-wrapper-6 .guide-mask,
.tutorial.step-wrapper-6 .pagination {
  display: none
}

.tutorial.step-wrapper-6 .icon-close {
  display: block
}

@media screen and (max-width:1296px) {
  .tutorial {
      left: inherit;
      margin-left: 0;
      right: 230px
  }
}

@media screen and (max-width:1076px) {
  .tutorial {
      left: 10px;
      margin-left: 0
  }
}

.image-font {
  color: transparent;
  line-height: 18px;
  background-repeat: no-repeat
}

.image-font.font-realtime {
  background-image: url();
  background-size: 148px 21px;
  padding: 0 2px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .image-font.font-realtime {
      background-image: url()
  }
}

.image-font.font-teamwork {
  background-image: url();
  background-size: 110px 21px;
  padding: 0 2px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .image-font.font-teamwork {
      background-image: url()
  }
}

.image-font.font-share {
  background-image: url();
  background-size: 110px 21px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .image-font.font-share {
      background-image: url()
  }
}

.image-font.font-comment {
  background-image: url();
  background-size: 74px 21px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .image-font.font-comment {
      background-image: url()
  }
}

.image-font.font-at {
  background-image: url();
  background-size: 130px 21px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .image-font.font-at {
      background-image: url()
  }
}

.image-font.font-history {
  background-image: url();
  background-size: 130px 21px;
  padding: 0 2px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .image-font.font-history {
      background-image: url()
  }
}

.image-font.font-last {
  background-image: url();
  background-size: 148px 21px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .image-font.font-last {
      background-image: url()
  }
}

.new-sheet-guide-modal.flat-dialog .dialog {
  width: 450px;
  height: 420px
}

.new-sheet-guide-modal.flat-dialog .dialog-head {
  padding-top: 50px
}

.new-sheet-guide-modal.flat-dialog .dialog-body {
  padding: 24px 40px
}

.new-sheet-guide-modal.flat-dialog .dialog-foot {
  width: auto
}

.new-sheet-guide-modal.flat-dialog .dialog-foot .go-new-sheet-btn {
  margin: 0 auto;
  width: 72px;
  height: 34px;
  line-height: 34px;
  font-size: 14px
}

.new-sheet-guide-modal.flat-dialog .dialog-close {
  top: 10px;
  right: 15px
}

.n-s-g-title {
  color: #333;
  font-weight: 700;
  font-size: 14px
}

.n-s-g-desc {
  margin-bottom: 20px;
  color: #6d6d6d;
  font-size: 14px
}

.n-s-g-tip {
  color: #a5a5a5;
  font-size: 12px
}

.n-s-g-icon {
  float: left;
  width: 48px;
  height: 48px;
  margin-top: 14px;
  background-repeat: no-repeat
}

.n-s-g-icon.code {
  background-image: url();
  background-size: 48px 48px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .n-s-g-icon.code {
      background-image: url()
  }
}

.n-s-g-icon.utils {
  background-image: url();
  background-size: 48px 48px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .n-s-g-icon.utils {
      background-image: url()
  }
}

.n-s-g-content {
  margin-left: 68px
}

body,
form,
p {
  margin: 0
}

input,
li,
ol,
ul {
  padding: 0
}

li,
ol,
ul {
  margin: 0
}

input::selection,
textarea::selection {
  background: #d8ebff
}

input::-moz-selection,
textarea::-moz-selection {
  background: #d8ebff
}

li,
ul {
  list-style: none
}

.clear {
  clear: both
}

.right {
  float: right
}

.left {
  float: left
}

.transparent {
  visibility: hidden
}

html {
  font-size: 62.5%;
  width: 100%
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif;
  -webkit-tap-highlight-color: transparent
}

a {
  outline: none;
  text-decoration: none;
  color: #333
}

a:active,
a:hover,
a:link,
a:visited {
  outline: none;
  cursor: pointer
}

.dn {
  display: none!important
}

.fix {
  zoom: 1
}

.fix:after {
  display: block;
  content: "clear";
  clear: both;
  line-height: 0;
  visibility: hidden
}

sub {
  display: inline;
  vertical-align: sub
}

hr {
  margin-top: 4px;
  border-bottom: 0;
  border-left: 0;
  border-top: 1px solid #dedede;
  margin-bottom: 4px
}

.backcover {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1000;
  height: 100%;
  width: 100%;
  background: #000;
  filter: alpha(opacity=50);
  opacity: .5;
  display: none
}

.backcover.active {
  display: block
}

.crumb-list {
  line-height: 12px;
  font-size: 0
}

.crumb-list a,
.crumb-list span {
  font-size: 12px;
  display: inline-block;
  padding: 5px;
  border: 1px solid transparent
}

.crumb-list .icon-breadcrumb {
  text-align: center;
  width: 14px
}

.crumb-list .list-crumb-item {
  color: #666;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px
}

.crumb-list .crumb {
  color: #6886aa
}

.crumb-list .crumb:hover {
  color: #6290cc
}

.crumb-list .no-crumb {
  color: #666
}

.hicon {
  color: #888
}

.hicon:hover {
  color: #333
}

.hicon.active,
.hicon:active {
  color: #5e97d4
}

div.editable,
input {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: inset 0 1px 2px #ddd;
  border: 1px solid #ccc;
  color: #333
}

div.editable:hover,
input:hover {
  border-color: #888
}

div.editable:focus,
input:focus {
  border-color: #5e97d4
}

div.editable.error,
input.error {
  border-color: #ee7b70
}

div.editable:-moz-placeholder,
input:-moz-placeholder {
  color: #cdcdcd
}

div.editable::-moz-placeholder,
input::-moz-placeholder {
  color: #cdcdcd;
  opacity: 1
}

div.editable:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #cdcdcd
}

div.editable::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #cdcdcd
}

.btn {
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #fbfbfb);
  background: -webkit-linear-gradient(top, #fff, #fbfbfb);
  background: -o-linear-gradient(top, #fff, #fbfbfb);
  background: -ms-linear-gradient(top, #fff, #fbfbfb);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #c3c4c6;
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #53585c;
  font-size: 12px;
  padding: 0 30px
}

.btn:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px
}

.btn:hover {
  border-color: #9ea0a3;
  color: #41464b
}

.btn.active,
.btn.press,
.btn:active {
  border-color: #8b8e91;
  color: #2c3033
}

.btn.disable,
.btn.disable.active,
.btn.disable.press,
.btn.disable:active,
.btn.disable:hover {
  border-color: #e8e9e9;
  color: #d6d7d8
}

.btn.btn-ok {
  background: #41464b;
  border-color: #41464b;
  color: #fff
}

.btn.btn-ok:before {
  display: none
}

.btn.btn-ok:hover {
  background: #313438;
  border-color: #313438
}

.btn.btn-ok.active,
.btn.btn-ok.press,
.btn.btn-ok:active {
  background: #2c3033;
  border-color: #2c3033
}

.btn.btn-ok.disable,
.btn.btn-ok.disable.active,
.btn.btn-ok.disable.press,
.btn.btn-ok.disable:hover {
  background: #41464b;
  border-color: #41464b;
  opacity: .3;
  color: #fff
}

.btn.btn-error {
  background: #e95555;
  border-color: #cd4848;
  color: #fff
}

.btn.btn-error:hover {
  background: #cd4848;
  border-color: #cd4848;
  color: #fff
}

.btn.btn-link {
  background: transparent;
  margin: 0;
  padding: 0;
  color: #6da2d7;
  border: none
}

.btn.btn-link:hover {
  text-decoration: underline
}

.tooltip:after {
  content: attr(data-tooltip);
  position: absolute;
  background: #fff;
  padding: 0 8px;
  text-align: center;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  height: 16px;
  line-height: 18px;
  bottom: -22px;
  color: #888;
  white-space: nowrap;
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc;
  display: none
}

.tooltip:hover:after {
  display: block
}

.sprite {
  background: url("https://assets-cdn.shimo.im/assets/images/back_sprite-80d8d30909.png") no-repeat;
  background-size: 187px 266px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .sprite {
      background: url("https://assets-cdn.shimo.im/assets/images/back_sprite_2x-7586f33210.png") no-repeat;
      background-size: 187px 266px
  }
}

.team-sprite {
  background-image: url("https://assets-cdn.shimo.im/assets/images/teams-31aea6334f.png");
  background-size: 499px 310px;
  background-repeat: no-repeat
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .team-sprite {
      background-image: url("https://assets-cdn.shimo.im/assets/images/teams_2x-38bac19fd8.png")
  }
}

.add-item-import,
.add-item-new_import {
  background-image: url("https://assets-cdn.shimo.im/assets/images/import-b537822894.png");
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  background-position: -2px, 0;
  background-size: 24px, 24px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .add-item-import,
  .add-item-new_import {
      background-image: url("https://assets-cdn.shimo.im/assets/images/import_2x-19bc433ed3.png")
  }
}

.trangle-box span,
.trangle span {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  top: -7px;
  background: none
}

.trangle-box span.down,
.trangle-box span.top,
.trangle span.down,
.trangle span.top {
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff
}

.trangle-box span.left,
.trangle-box span.right,
.trangle span.left,
.trangle span.right {
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: #fff
}

.trangle-box span.left,
.trangle span.left {
  border-right-color: hsla(0, 0%, 53%, .2)
}

.trangle-box span.top,
.trangle span.top {
  top: -8px;
  border-bottom-color: hsla(0, 0%, 53%, .2);
  z-index: 10
}

.trangle-box span.down,
.trangle span.down {
  z-index: 11
}

.overflow-hidden {
  overflow: hidden
}

.arrow-up {
  display: none
}

.arrow-up span {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  top: -7px;
  left: 19px;
  background: none
}

.arrow-up .top {
  top: -8px;
  border-bottom-color: hsla(0, 0%, 53%, .15);
  z-index: 10
}

.arrow-up .down {
  z-index: 11
}

.arrow-down {
  display: none
}

.arrow-down span {
  position: absolute;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  left: 19px;
  background: none
}

.arrow-down .top {
  bottom: -8px;
  border-bottom-color: hsla(0, 0%, 53%, .15);
  z-index: 10
}

.arrow-down .down {
  z-index: 11
}

.modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: hsla(0, 0%, 100%, .6);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.modal-container {
  position: absolute;
  width: 656px;
  height: 500px;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  margin-left: -327px;
  margin-top: -250px;
  background: #fff;
  -webkit-box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22);
  -moz-box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22);
  -ms-box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22);
  -o-box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22);
  box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22)
}

.modal-close-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 40px;
  height: 40px
}

.modal-close-icon {
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background-position: -380px -100px
}

.modal-btn {
  width: 172px;
  height: 34px;
  display: inline-block;
  font-size: 14px;
  border-radius: 1px;
  text-align: center;
  line-height: 34px
}

.modal-confirm-btn,
.modal-default-btn {
  color: #fff;
  background-color: #41464b
}

.modal-confirm-btn:hover,
.modal-default-btn:hover {
  background-color: #313438
}

.modal-confirm-btn.disable,
.modal-default-btn.disable {
  border-color: #41464b;
  opacity: .3;
  color: #fff;
  pointer-events: none
}

.modal-cancel-btn {
  color: #41464b;
  background-color: #e5e5e5
}

.modal-cancel-btn:hover {
  background-color: #dadada
}

.logo-30 {
  background-image: url("https://assets-cdn.shimo.im/assets/images/logo_30-a5d2d14d42.png");
  background-size: 112px 30px;
  display: block;
  width: 112px;
  height: 30px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .logo-30 {
      background-image: url("https://assets-cdn.shimo.im/assets/images/logo_30_2x-0c5eb55fba.png")
  }
}

.logo-22 {
  background-image: url("https://assets-cdn.shimo.im/assets/images/logo_22-9aa833350c.png");
  background-size: 82px 22px;
  display: block;
  width: 82px;
  height: 22px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .logo-22 {
      background-image: url("https://assets-cdn.shimo.im/assets/images/logo_22_2x-66ae839367.png")
  }
}

.logo-22.left,
.logo-22.right,
.logo-30.left,
.logo-30.right {
  float: left
}

.logo-22.center,
.logo-30.center {
  margin-left: auto;
  margin-right: auto
}

.text-indent-all {
  text-indent: -9999px
}

.one-line-truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.outer-container {
  width: 100vw
}

.disconnect {
  position: fixed;
  bottom: 20px;
  left: 50%;
  width: 350px;
  margin-left: -175px;
  text-align: center;
  background: #e8ecf1;
  border: 1px solid #c7d1df;
  display: none;
  border-radius: 4px;
  z-index: 2000;
  -moz-opacity: .95;
  -khtml-opacity: .95;
  opacity: .95;
  -webkit-box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  -moz-box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  -ms-box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  -o-box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  line-height: 33px;
  font-size: 14px
}

.disconnect .disconnect-info,
.disconnect .hicon {
  color: #53698c
}

.disconnect .hicon {
  margin-left: 10px;
  top: -1px
}

.disconnect-mask {
  width: 100%;
  height: 100%;
  top: 66px;
  background: hsla(0, 0%, 100%, .25)
}

.disconnect-mask,
.m-disconnect-mask {
  display: none;
  position: fixed;
  left: 0;
  z-index: 1000
}

.m-disconnect-mask {
  top: 43px;
  right: 0;
  bottom: 0;
  opacity: .5;
  background-color: #000
}

.m-disconnect-mask.active {
  display: block
}

.m-disconnect {
  position: fixed;
  z-index: 1001;
  top: -43px;
  left: 0;
  right: 0;
  height: 43px;
  opacity: 0;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  color: #41464b;
  line-height: 43px;
  text-align: center;
  background-color: #fff
}

.m-disconnect .m-icon {
  height: 20px;
  width: 15px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/m_icons-c17f40618a.png);
  background-repeat: no-repeat;
  background-position: -326px 3px;
  background-size: 400px 300px
}

.m-disconnect.active {
  top: 0;
  opacity: 1
}

.m-disconnect .m-icon {
  margin-bottom: -1px
}

.sm-dropdown,
.sm-dropdown * {
  box-sizing: border-box
}

.sm-dropdown {
  position: absolute;
  top: 100%;
  margin-top: 3px;
  z-index: 9999;
  min-width: 100px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
  text-align: left;
  padding: 5px 0
}

.sm-dropdown-hidden {
  display: none
}

.sm-dropdown-mask {
  z-index: 9998;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.sm-dropdown-mask-hidden {
  display: none
}

.sm-dropdown-button {
  cursor: pointer;
  width: 80px;
  height: 27px;
  line-height: 25px;
  border: 1px solid #e5e5e5;
  text-align: center;
  color: #73a2e3;
  border-radius: 1px
}

.sm-dropdown-button:hover {
  border-color: #bbb
}

.sm-dropdown-button:focus {
  background-color: rgba(0, 0, 0, .02)
}

.sm-dropdown-button:after {
  content: " ";
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 3px;
  background: url("https://assets-cdn.shimo.im/assets/images/trangle-25a6b9957c.png") no-repeat;
  background-size: 5px 3px
}

.sm-dropdown-button.no-overlay:after {
  display: none
}

.sm-dropdown-menu:focus {
  outline: none
}

.sm-dropdown-menu .sm-dropdown-menu-item {
  cursor: pointer;
  display: block;
  white-space: nowrap;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 15px
}

.sm-dropdown-menu .sm-dropdown-menu-item:hover {
  background-color: #f7f7f7
}

.sm-dropdown-menu .sm-dropdown-menu-item-divider {
  height: 1px;
  margin: 4px 15px;
  overflow: hidden;
  background-color: #e5e5e5
}

.sm-popver,
.sm-popver * {
  box-sizing: border-box
}

.sm-popover {
  position: absolute;
  z-index: 1000;
  padding-top: 8px
}

.sm-popover-inner {
  min-width: 177px;
  min-height: 80px;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 3px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2)
}

.sm-popover-inner>div {
  width: 100%;
  height: 100%
}

.sm-popover-inner-content {
  height: 100%
}

.sm-popover-hidden {
  display: none
}

.sm-popover-placement-top,
.sm-popover-placement-topLeft,
.sm-popover-placement-topRight {
  padding-bottom: 8px
}

.sm-popover-placement-right,
.sm-popover-placement-rightBottom,
.sm-popover-placement-rightTop {
  padding-left: 8px
}

.sm-popover-placement-bottom,
.sm-popover-placement-bottomLeft,
.sm-popover-placement-bottomRight {
  padding-top: 8px
}

.sm-popover-placement-left,
.sm-popover-placement-leftBottom,
.sm-popover-placement-leftTop {
  padding-right: 8px
}

.sm-popover-arrow,
.sm-popover-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.sm-popover-arrow {
  border-width: 8px
}

.sm-popover-arrow:after {
  border-width: 7px;
  content: ""
}

.sm-popover-placement-top>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-topLeft>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-topRight>.sm-popover-content>.sm-popover-arrow {
  border-bottom-width: 0;
  border-top-color: hsla(0, 0%, 53%, .2);
  bottom: 0
}

.sm-popover-placement-top>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-topLeft>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-topRight>.sm-popover-content>.sm-popover-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -7px;
  border-bottom-width: 0;
  border-top-color: #fff
}

.sm-popover-placement-top>.sm-popover-content>.sm-popover-arrow {
  left: 50%;
  margin-left: -8px
}

.sm-popover-placement-topLeft>.sm-popover-content>.sm-popover-arrow {
  left: 16px
}

.sm-popover-placement-topRight>.sm-popover-content>.sm-popover-arrow {
  right: 16px
}

.sm-popover-placement-right>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-rightBottom>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-rightTop>.sm-popover-content>.sm-popover-arrow {
  left: 0;
  border-left-width: 0;
  border-right-color: hsla(0, 0%, 53%, .2)
}

.sm-popover-placement-right>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-rightBottom>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-rightTop>.sm-popover-content>.sm-popover-arrow:after {
  content: " ";
  left: 1px;
  bottom: -7px;
  border-left-width: 0;
  border-right-color: #fff
}

.sm-popover-placement-right>.sm-popover-content>.sm-popover-arrow {
  top: 50%;
  margin-top: -8px
}

.sm-popover-placement-rightTop>.sm-popover-content>.sm-popover-arrow {
  top: 12px
}

.sm-popover-placement-rightBottom>.sm-popover-content>.sm-popover-arrow {
  bottom: 12px
}

.sm-popover-placement-bottom>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-bottomLeft>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-bottomRight>.sm-popover-content>.sm-popover-arrow {
  border-top-width: 0;
  border-bottom-color: hsla(0, 0%, 53%, .2);
  top: 0
}

.sm-popover-placement-bottom>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-bottomLeft>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-bottomRight>.sm-popover-content>.sm-popover-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -7px;
  border-top-width: 0;
  border-bottom-color: #fff
}

.sm-popover-placement-bottom>.sm-popover-content>.sm-popover-arrow {
  left: 50%;
  margin-left: -8px
}

.sm-popover-placement-bottomLeft>.sm-popover-content>.sm-popover-arrow {
  left: 16px
}

.sm-popover-placement-bottomRight>.sm-popover-content>.sm-popover-arrow {
  right: 16px
}

.sm-popover-placement-left>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-leftBottom>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-leftTop>.sm-popover-content>.sm-popover-arrow {
  right: 0;
  border-right-width: 0;
  border-left-color: hsla(0, 0%, 53%, .2)
}

.sm-popover-placement-left>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-leftBottom>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-leftTop>.sm-popover-content>.sm-popover-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -7px
}

.sm-popover-placement-left>.sm-popover-content>.sm-popover-arrow {
  top: 50%;
  margin-top: -8px
}

.sm-popover-placement-leftTop>.sm-popover-content>.sm-popover-arrow {
  top: 12px
}

.sm-popover-placement-leftBottom>.sm-popover-content>.sm-popover-arrow {
  bottom: 12px
}

.sm-label {
  display: inline-block;
  vertical-align: bottom
}

.text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.sm-switch {
  cursor: pointer;
  margin-bottom: 0
}

.sm-switch .groove {
  width: 43px;
  border-radius: 10px;
  background: #eee;
  height: 20px;
  box-shadow: inset 0 2px 3px #ccc;
  border: 1px solid #ddd;
  background: -moz-linear-gradient(top, #f5f5f5, #ededed);
  background: -webkit-linear-gradient(top, #f5f5f5, #ededed);
  background: -o-linear-gradient(top, #f5f5f5, #ededed);
  background: -ms-linear-gradient(top, #f5f5f5, #ededed);
  background: linear-gradient(180deg, #f5f5f5, #ededed)
}

.sm-switch .stick {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  margin-top: -23px;
  background: #fff;
  box-shadow: 0 2px 4px #999;
  border: 1px solid #ddd;
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: -o-linear-gradient(top, #fff, #f0f0f0);
  background: -ms-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(180deg, #fff, #f0f0f0);
  left: 0;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.sm-switch.on .groove {
  background: #48ae0a;
  border-color: #349e00;
  box-shadow: inset 0 2px 3px #349e00;
  background: -moz-linear-gradient(top, #56ba17, #3fa701);
  background: -webkit-linear-gradient(top, #56ba17, #3fa701);
  background: -o-linear-gradient(top, #56ba17, #3fa701);
  background: -ms-linear-gradient(top, #56ba17, #3fa701);
  background: linear-gradient(180deg, #56ba17, #3fa701)
}

.sm-switch.on .stick {
  left: 25px
}

.sm-switch * {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.sm-tab .tab-head-wrap {
  padding: 0 10px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px
}

.sm-tab .tab-head-item {
  cursor: pointer;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: -1px;
  font-size: 12px;
  line-height: 34px;
  color: #a5a5a5
}

.sm-tab .tab-head-item.selected {
  color: #333;
  border-bottom: 2px solid #41464b
}

.sm-tab .tab-head-item:hover {
  color: #333
}

.sm-tab .tab-content-wrap {
  padding: 0 10px
}

.sm-dropdown-button.role-empty:after {
  display: none
}

.prompt-wrap {
  z-index: 1000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background-color: rgba(0, 0, 0, .3)
}

.prompt-wrap .prompt-dialog {
  position: absolute;
  top: 30%;
  left: 50%;
  margin-left: -190px;
  width: 420px;
  font-size: 14px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, .2)
}

.prompt-wrap .prompt-dialog .prompt-dialog-header {
  height: auto;
  line-height: 1em;
  font-size: 16px;
  font-weight: 700;
  color: #666;
  padding: 30px 40px 10px;
  border-bottom: none;
  -webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent
}

.prompt-wrap .prompt-dialog .prompt-dialog-header .prompt-close {
  position: absolute;
  right: 30px;
  top: 20px;
  padding: 10px;
  cursor: pointer
}

.prompt-wrap .prompt-dialog .prompt-dialog-content {
  padding: 20px 40px;
  font-size: 14px;
  color: #666;
  line-height: 1.7empx;
  word-break: break-all
}

.prompt-wrap .prompt-dialog .prompt-dialog-footer {
  text-align: right;
  padding: 10px 40px 30px;
  font-size: 0;
  white-space: nowrap
}

.prompt-wrap .prompt-dialog .prompt-dialog-footer .btn {
  margin-left: 8px;
  height: 30px;
  font-size: 14px
}

.prompt-wrap .prompt-dialog .prompt-dialog-footer .disabled {
  background-color: #d9dadb;
  border: 1px solid #d9dadb;
  color: #fff;
  cursor: default
}

.prompt-wrap .prompt-dialog .prompt-dialog-footer .disabled:hover {
  background-color: #d9dadb;
  border: 1px solid #d9dadb
}

.doc-style {
  display: block;
  width: 80px;
  height: 80px;
  position: relative;
  margin: 6px auto 0;
  background-image: url();
  background-size: 80px 80px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .doc-style {
      background-image: url()
  }
}

.folder-style {
  width: 80px;
  height: 80px;
  position: relative;
  margin: 6px auto 0;
  background-image: url();
  background-size: 80px 80px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .folder-style {
      background-image: url()
  }
}

.spreadsheet-style {
  width: 80px;
  height: 80px;
  position: relative;
  margin: 6px auto 0;
  background-image: url();
  background-size: 80px 80px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .spreadsheet-style {
      background-image: url()
  }
}

#trash .t-inner .t-body .t-item .spreadsheet {
  background-image: url();
  background-size: 40px 40px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  #trash .t-inner .t-body .t-item .spreadsheet {
      background-image: url()
  }
}

#trash .t-inner .t-body .t-item .doc {
  background-image: url();
  background-size: 40px 40px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  #trash .t-inner .t-body .t-item .doc {
      background-image: url()
  }
}

#trash .t-inner .t-body .t-item .folder {
  background-image: url();
  background-size: 40px 40px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  #trash .t-inner .t-body .t-item .folder {
      background-image: url()
  }
}

.add-item-doc,
.add-item-newdoc {
  background-image: url();
  background-size: 20px 20px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .add-item-doc,
  .add-item-newdoc {
      background-image: url()
  }
}

.add-item-sheet,
.add-item-spreadsheet {
  background-image: url();
  background-size: 20px 20px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .add-item-sheet,
  .add-item-spreadsheet {
      background-image: url()
  }
}

.add-item-folder {
  background-image: url();
  background-size: 20px 20px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .add-item-folder {
      background-image: url()
  }
}

.desktop-sprite.file-sheet-icon,
.desktop-sprite.file-spreadsheet-icon,
.file-sprite.file-sheet-icon,
.file-sprite.file-spreadsheet-icon {
  background-image: url();
  background-size: 26px 26px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .desktop-sprite.file-sheet-icon,
  .desktop-sprite.file-spreadsheet-icon,
  .file-sprite.file-sheet-icon,
  .file-sprite.file-spreadsheet-icon {
      background-image: url()
  }
}

#welcome-guide-page .dialog-wrap .dialog {
  width: 500px;
  height: 336px
}

#welcome-guide-page .dialog-foot,
#welcome-guide-page .dialog-head {
  display: none
}

#welcome-guide-page .slider {
  position: relative;
  height: 266px
}

#welcome-guide-page .slider .slider-step {
  width: 100%;
  height: 100%
}

#welcome-guide-page .close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url();
  background-size: 20px 20px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  #welcome-guide-page .close-btn {
      background-image: url()
  }
}

#welcome-guide-page .close-btn:hover {
  background-image: url();
  background-size: 20px 20px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  #welcome-guide-page .close-btn:hover {
      background-image: url()
  }
}

#welcome-guide-page .action-bar {
  text-align: right;
  padding-top: 18px;
  padding-right: 30px
}

#welcome-guide-page .action-bar .indicator {
  position: absolute;
  left: 30px;
  bottom: 31px;
  line-height: 8px
}

#welcome-guide-page .action-bar .indicator>span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  opacity: .2;
  background: #41464b;
  cursor: pointer
}

#welcome-guide-page .action-bar .indicator>span.active {
  opacity: 1
}

#welcome-guide-page .action-bar .btn {
  width: 100px;
  height: 32px;
  padding: 0;
  margin-left: 10px;
  line-height: 32px;
  font-size: 14px
}

#welcome-guide-page .action-bar .btn:active {
  opacity: .9
}

#welcome-guide-page .action-bar .btn>span {
  display: inline-block
}

#welcome-guide-page .action-bar .btn-back {
  background-image: linear-gradient(#fff, #fbfbfb);
  border: 1px solid #ccc;
  color: #666
}

#welcome-guide-page .action-bar .btn-back:hover {
  background-color: #fff;
  border-color: #a5a5a5
}

#welcome-guide-page .action-bar .btn-ok {
  background-image: linear-gradient(#41464b, #2c3033)
}

#welcome-guide-page .action-bar .btn-ok:hover {
  background-image: none;
  background-color: #363b3e
}

#welcome-guide-page .action-bar .btn-icon {
  display: inline-block;
  vertical-align: text-bottom;
  width: 10px;
  height: 15px
}

#welcome-guide-page .action-bar .icon-next {
  margin-left: 8px;
  background-image: url();
  background-size: 10px 15px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  #welcome-guide-page .action-bar .icon-next {
      background-image: url()
  }
}

#welcome-guide-page .action-bar .icon-back {
  margin-right: 8px;
  background-image: url();
  background-size: 10px 15px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  #welcome-guide-page .action-bar .icon-back {
      background-image: url()
  }
}

#welcome-guide-page.newdoc-guide-page .doc-guide-tooltip {
  position: absolute;
  padding: 0 12px;
  color: #fff;
  background-color: #8ab3e9;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1);
  -o-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1);
  border-radius: 4px;
  right: 30px;
  bottom: 65px;
  line-height: 30px;
  font-size: 12px;
  opacity: 0
}

#welcome-guide-page.newdoc-guide-page .doc-guide-tooltip.doc-step3 {
  -webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
  -moz-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
  transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  transition-delay: 2s;
  opacity: 1
}

#welcome-guide-page.newdoc-guide-page .doc-guide-tooltip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background: 0;
  border-style: solid;
  border-width: 6px 6px 0;
  border-color: #8ab3e9 transparent transparent;
  bottom: -6px;
  left: 50%;
  margin-left: -4px
}

#welcome-guide-page.wechat-guide-page .slider .step-1 {
  background-image: url(https://assets-cdn.shimo.im/assets/scripts/img/16e20feb.pic1.jpg);
  background-size: 500px 266px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  #welcome-guide-page.wechat-guide-page .slider .step-1 {
      background-image: url(https://assets-cdn.shimo.im/assets/scripts/img/33ae48c2.pic1@2x.jpg)
  }
}

#welcome-guide-page.wechat-guide-page .slider .step-2 {
  background-image: url(https://assets-cdn.shimo.im/assets/scripts/img/47b97477.pic2.jpg);
  background-size: 500px 266px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  #welcome-guide-page.wechat-guide-page .slider .step-2 {
      background-image: url(https://assets-cdn.shimo.im/assets/scripts/img/6ea3356b.pic2@2x.jpg)
  }
}

#welcome-guide-page.wechat-guide-page .qrcode {
  position: absolute;
  right: 104px;
  top: 135px
}

.sm-list-crumb {
  float: left;
  position: relative;
  display: inline-block;
  width: 574px;
  margin-bottom: 10px;
  margin-top: 35px;
  box-sizing: border-box
}

.sm-list-crumb.ondrag .home-link {
  opacity: .5
}

.sm-list-crumb.ondrag .crumb {
  opacity: 1;
  background: hsla(0, 0%, 86%, .2);
  border: 1px solid #ddd
}

.sm-list-crumb.ondrag .crumb:before {
  display: block
}

.sm-list-crumb .list-crumb-item.scale {
  -webkit-transition: transform .1s ease-in;
  -moz-transition: transform .1s ease-in;
  transition: transform .1s ease-in;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
  background-color: rgba(233, 244, 255, .5);
  border-color: #97afc9
}

body,
form,
p {
  margin: 0
}

input,
li,
ol,
ul {
  padding: 0
}

li,
ol,
ul {
  margin: 0
}

input::selection,
textarea::selection {
  background: #d8ebff
}

input::-moz-selection,
textarea::-moz-selection {
  background: #d8ebff
}

li,
ul {
  list-style: none
}

.clear {
  clear: both
}

.right {
  float: right
}

.left {
  float: left
}

.transparent {
  visibility: hidden
}

html {
  font-size: 62.5%;
  width: 100%
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica, Tahoma, Arial, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif;
  -webkit-tap-highlight-color: transparent
}

a {
  outline: none;
  text-decoration: none;
  color: #333
}

a:active,
a:hover,
a:link,
a:visited {
  outline: none;
  cursor: pointer
}

.dn {
  display: none!important
}

.fix {
  zoom: 1
}

.fix:after {
  display: block;
  content: "clear";
  clear: both;
  line-height: 0;
  visibility: hidden
}

sub {
  display: inline;
  vertical-align: sub
}

hr {
  margin-top: 4px;
  border-bottom: 0;
  border-left: 0;
  border-top: 1px solid #dedede;
  margin-bottom: 4px
}

.backcover {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1000;
  height: 100%;
  width: 100%;
  background: #000;
  filter: alpha(opacity=50);
  opacity: .5;
  display: none
}

.backcover.active {
  display: block
}

.crumb-list {
  line-height: 12px;
  font-size: 0
}

.crumb-list a,
.crumb-list span {
  font-size: 12px;
  display: inline-block;
  padding: 5px;
  border: 1px solid transparent
}

.crumb-list .icon-breadcrumb {
  text-align: center;
  width: 14px
}

.crumb-list .list-crumb-item {
  color: #666;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px
}

.crumb-list .crumb {
  color: #6886aa
}

.crumb-list .crumb:hover {
  color: #6290cc
}

.crumb-list .no-crumb {
  color: #666
}

.hicon {
  color: #888
}

.hicon:hover {
  color: #333
}

.hicon.active,
.hicon:active {
  color: #5e97d4
}

div.editable,
input {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: inset 0 1px 2px #ddd;
  border: 1px solid #ccc;
  color: #333
}

div.editable:hover,
input:hover {
  border-color: #888
}

div.editable:focus,
input:focus {
  border-color: #5e97d4
}

div.editable.error,
input.error {
  border-color: #ee7b70
}

div.editable:-moz-placeholder,
input:-moz-placeholder {
  color: #cdcdcd
}

div.editable::-moz-placeholder,
input::-moz-placeholder {
  color: #cdcdcd;
  opacity: 1
}

div.editable:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #cdcdcd
}

div.editable::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #cdcdcd
}

.btn {
  background: #fff;
  background: -moz-linear-gradient(top, #fff, #fbfbfb);
  background: -webkit-linear-gradient(top, #fff, #fbfbfb);
  background: -o-linear-gradient(top, #fff, #fbfbfb);
  background: -ms-linear-gradient(top, #fff, #fbfbfb);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #c3c4c6;
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #53585c;
  font-size: 12px;
  padding: 0 30px
}

.btn:before {
  content: " ";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px
}

.btn:hover {
  border-color: #9ea0a3;
  color: #41464b
}

.btn.active,
.btn.press,
.btn:active {
  border-color: #8b8e91;
  color: #2c3033
}

.btn.disable,
.btn.disable.active,
.btn.disable.press,
.btn.disable:active,
.btn.disable:hover {
  border-color: #e8e9e9;
  color: #d6d7d8
}

.btn.btn-ok {
  background: #41464b;
  border-color: #41464b;
  color: #fff
}

.btn.btn-ok:before {
  display: none
}

.btn.btn-ok:hover {
  background: #313438;
  border-color: #313438
}

.btn.btn-ok.active,
.btn.btn-ok.press,
.btn.btn-ok:active {
  background: #2c3033;
  border-color: #2c3033
}

.btn.btn-ok.disable,
.btn.btn-ok.disable.active,
.btn.btn-ok.disable.press,
.btn.btn-ok.disable:hover {
  background: #41464b;
  border-color: #41464b;
  opacity: .3;
  color: #fff
}

.btn.btn-error {
  background: #e95555;
  border-color: #cd4848;
  color: #fff
}

.btn.btn-error:hover {
  background: #cd4848;
  border-color: #cd4848;
  color: #fff
}

.btn.btn-link {
  background: transparent;
  margin: 0;
  padding: 0;
  color: #6da2d7;
  border: none
}

.btn.btn-link:hover {
  text-decoration: underline
}

.tooltip:after {
  content: attr(data-tooltip);
  position: absolute;
  background: #fff;
  padding: 0 8px;
  text-align: center;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
  height: 16px;
  line-height: 18px;
  bottom: -22px;
  color: #888;
  white-space: nowrap;
  -webkit-box-shadow: 0 2px 8px #ccc;
  -moz-box-shadow: 0 2px 8px #ccc;
  -ms-box-shadow: 0 2px 8px #ccc;
  -o-box-shadow: 0 2px 8px #ccc;
  box-shadow: 0 2px 8px #ccc;
  display: none
}

.tooltip:hover:after {
  display: block
}

.sprite {
  background: url("https://assets-cdn.shimo.im/assets/images/back_sprite-80d8d30909.png") no-repeat;
  background-size: 187px 266px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .sprite {
      background: url("https://assets-cdn.shimo.im/assets/images/back_sprite_2x-7586f33210.png") no-repeat;
      background-size: 187px 266px
  }
}

.team-sprite {
  background-image: url("https://assets-cdn.shimo.im/assets/images/teams-31aea6334f.png");
  background-size: 499px 310px;
  background-repeat: no-repeat
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .team-sprite {
      background-image: url("https://assets-cdn.shimo.im/assets/images/teams_2x-38bac19fd8.png")
  }
}

.add-item-import,
.add-item-new_import {
  background-image: url("https://assets-cdn.shimo.im/assets/images/import-b537822894.png");
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  background-position: -2px, 0;
  background-size: 24px, 24px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .add-item-import,
  .add-item-new_import {
      background-image: url("https://assets-cdn.shimo.im/assets/images/import_2x-19bc433ed3.png")
  }
}

.trangle-box span,
.trangle span {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  top: -7px;
  background: none
}

.trangle-box span.down,
.trangle-box span.top,
.trangle span.down,
.trangle span.top {
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff
}

.trangle-box span.left,
.trangle-box span.right,
.trangle span.left,
.trangle span.right {
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: #fff
}

.trangle-box span.left,
.trangle span.left {
  border-right-color: hsla(0, 0%, 53%, .2)
}

.trangle-box span.top,
.trangle span.top {
  top: -8px;
  border-bottom-color: hsla(0, 0%, 53%, .2);
  z-index: 10
}

.trangle-box span.down,
.trangle span.down {
  z-index: 11
}

.overflow-hidden {
  overflow: hidden
}

.arrow-up {
  display: none
}

.arrow-up span {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  top: -7px;
  left: 19px;
  background: none
}

.arrow-up .top {
  top: -8px;
  border-bottom-color: hsla(0, 0%, 53%, .15);
  z-index: 10
}

.arrow-up .down {
  z-index: 11
}

.arrow-down {
  display: none
}

.arrow-down span {
  position: absolute;
  bottom: -7px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  left: 19px;
  background: none
}

.arrow-down .top {
  bottom: -8px;
  border-bottom-color: hsla(0, 0%, 53%, .15);
  z-index: 10
}

.arrow-down .down {
  z-index: 11
}

.modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: hsla(0, 0%, 100%, .6);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.modal-container {
  position: absolute;
  width: 656px;
  height: 500px;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  margin-left: -327px;
  margin-top: -250px;
  background: #fff;
  -webkit-box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22);
  -moz-box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22);
  -ms-box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22);
  -o-box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22);
  box-shadow: 0 1.5px 3px 1px rgba(0, 0, 0, .22)
}

.modal-close-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 40px;
  height: 40px
}

.modal-close-icon {
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background-position: -380px -100px
}

.modal-btn {
  width: 172px;
  height: 34px;
  display: inline-block;
  font-size: 14px;
  border-radius: 1px;
  text-align: center;
  line-height: 34px
}

.modal-confirm-btn,
.modal-default-btn {
  color: #fff;
  background-color: #41464b
}

.modal-confirm-btn:hover,
.modal-default-btn:hover {
  background-color: #313438
}

.modal-confirm-btn.disable,
.modal-default-btn.disable {
  border-color: #41464b;
  opacity: .3;
  color: #fff;
  pointer-events: none
}

.modal-cancel-btn {
  color: #41464b;
  background-color: #e5e5e5
}

.modal-cancel-btn:hover {
  background-color: #dadada
}

.logo-30 {
  background-image: url("https://assets-cdn.shimo.im/assets/images/logo_30-a5d2d14d42.png");
  background-size: 112px 30px;
  display: block;
  width: 112px;
  height: 30px
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .logo-30 {
      background-image: url("https://assets-cdn.shimo.im/assets/images/logo_30_2x-0c5eb55fba.png")
  }
}

.logo-22 {
  background-image: url("https://assets-cdn.shimo.im/assets/images/logo_22-9aa833350c.png");
  display: block;
  height: 22px;
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .logo-22 {
      background-image: url("../img/logo@2x.png")
  }
}

.logo-22.left,
.logo-22.right,
.logo-30.left,
.logo-30.right {
  float: left
}G

.logo-22.center,
.logo-30.center {
  margin-left: auto;
  margin-right: auto
}

.text-indent-all {
  text-indent: -9999px
}

.one-line-truncated {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.outer-container {
  width: 100vw
}

.disconnect {
  position: fixed;
  bottom: 20px;
  left: 50%;
  width: 350px;
  margin-left: -175px;
  text-align: center;
  background: #e8ecf1;
  border: 1px solid #c7d1df;
  display: none;
  border-radius: 4px;
  z-index: 2000;
  -moz-opacity: .95;
  -khtml-opacity: .95;
  opacity: .95;
  -webkit-box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  -moz-box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  -ms-box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  -o-box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  box-shadow: 0 1px 6px hsla(0, 0%, 40%, .6);
  line-height: 33px;
  font-size: 14px
}

.disconnect .disconnect-info,
.disconnect .hicon {
  color: #53698c
}

.disconnect .hicon {
  margin-left: 10px;
  top: -1px
}

.disconnect-mask {
  width: 100%;
  height: 100%;
  top: 66px;
  background: hsla(0, 0%, 100%, .25)
}

.disconnect-mask,
.m-disconnect-mask {
  display: none;
  position: fixed;
  left: 0;
  z-index: 1000
}

.m-disconnect-mask {
  top: 43px;
  right: 0;
  bottom: 0;
  opacity: .5;
  background-color: #000
}

.m-disconnect-mask.active {
  display: block
}

.m-disconnect {
  position: fixed;
  z-index: 1001;
  top: -43px;
  left: 0;
  right: 0;
  height: 43px;
  opacity: 0;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  color: #41464b;
  line-height: 43px;
  text-align: center;
  background-color: #fff
}

.m-disconnect .m-icon {
  height: 20px;
  width: 15px;
  background-image: url(https://assets-cdn.shimo.im/assets/images/m_icons-c17f40618a.png);
  background-repeat: no-repeat;
  background-position: -326px 3px;
  background-size: 400px 300px
}

.m-disconnect.active {
  top: 0;
  opacity: 1
}

.m-disconnect .m-icon {
  margin-bottom: -1px
}

.sm-dropdown,
.sm-dropdown * {
  box-sizing: border-box
}

.sm-dropdown {
  position: absolute;
  top: 100%;
  margin-top: 3px;
  z-index: 9999;
  min-width: 100px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
  text-align: left;
  padding: 5px 0
}

.sm-dropdown-hidden {
  display: none
}

.sm-dropdown-mask {
  z-index: 9998;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.sm-dropdown-mask-hidden {
  display: none
}

.sm-dropdown-button {
  cursor: pointer;
  width: 80px;
  height: 27px;
  line-height: 25px;
  border: 1px solid #e5e5e5;
  text-align: center;
  color: #73a2e3;
  border-radius: 1px
}

.sm-dropdown-button:hover {
  border-color: #bbb
}

.sm-dropdown-button:focus {
  background-color: rgba(0, 0, 0, .02)
}

.sm-dropdown-button:after {
  content: " ";
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 3px;
  background: url("https://assets-cdn.shimo.im/assets/images/trangle-25a6b9957c.png") no-repeat;
  background-size: 5px 3px
}

.sm-dropdown-button.no-overlay:after {
  display: none
}

.sm-dropdown-menu:focus {
  outline: none
}

.sm-dropdown-menu .sm-dropdown-menu-item {
  cursor: pointer;
  display: block;
  white-space: nowrap;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 15px
}

.sm-dropdown-menu .sm-dropdown-menu-item:hover {
  background-color: #f7f7f7
}

.sm-dropdown-menu .sm-dropdown-menu-item-divider {
  height: 1px;
  margin: 4px 15px;
  overflow: hidden;
  background-color: #e5e5e5
}

.sm-popver,
.sm-popver * {
  box-sizing: border-box
}

.sm-popover {
  position: absolute;
  z-index: 1000;
  padding-top: 8px
}

.sm-popover-inner {
  min-width: 177px;
  min-height: 80px;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 3px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .2)
}

.sm-popover-inner>div {
  width: 100%;
  height: 100%
}

.sm-popover-inner-content {
  height: 100%
}

.sm-popover-hidden {
  display: none
}

.sm-popover-placement-top,
.sm-popover-placement-topLeft,
.sm-popover-placement-topRight {
  padding-bottom: 8px
}

.sm-popover-placement-right,
.sm-popover-placement-rightBottom,
.sm-popover-placement-rightTop {
  padding-left: 8px
}

.sm-popover-placement-bottom,
.sm-popover-placement-bottomLeft,
.sm-popover-placement-bottomRight {
  padding-top: 8px
}

.sm-popover-placement-left,
.sm-popover-placement-leftBottom,
.sm-popover-placement-leftTop {
  padding-right: 8px
}

.sm-popover-arrow,
.sm-popover-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.sm-popover-arrow {
  border-width: 8px
}

.sm-popover-arrow:after {
  border-width: 7px;
  content: ""
}

.sm-popover-placement-top>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-topLeft>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-topRight>.sm-popover-content>.sm-popover-arrow {
  border-bottom-width: 0;
  border-top-color: hsla(0, 0%, 53%, .2);
  bottom: 0
}

.sm-popover-placement-top>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-topLeft>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-topRight>.sm-popover-content>.sm-popover-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -7px;
  border-bottom-width: 0;
  border-top-color: #fff
}

.sm-popover-placement-top>.sm-popover-content>.sm-popover-arrow {
  left: 50%;
  margin-left: -8px
}

.sm-popover-placement-topLeft>.sm-popover-content>.sm-popover-arrow {
  left: 16px
}

.sm-popover-placement-topRight>.sm-popover-content>.sm-popover-arrow {
  right: 16px
}

.sm-popover-placement-right>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-rightBottom>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-rightTop>.sm-popover-content>.sm-popover-arrow {
  left: 0;
  border-left-width: 0;
  border-right-color: hsla(0, 0%, 53%, .2)
}

.sm-popover-placement-right>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-rightBottom>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-rightTop>.sm-popover-content>.sm-popover-arrow:after {
  content: " ";
  left: 1px;
  bottom: -7px;
  border-left-width: 0;
  border-right-color: #fff
}

.sm-popover-placement-right>.sm-popover-content>.sm-popover-arrow {
  top: 50%;
  margin-top: -8px
}

.sm-popover-placement-rightTop>.sm-popover-content>.sm-popover-arrow {
  top: 12px
}

.sm-popover-placement-rightBottom>.sm-popover-content>.sm-popover-arrow {
  bottom: 12px
}

.sm-popover-placement-bottom>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-bottomLeft>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-bottomRight>.sm-popover-content>.sm-popover-arrow {
  border-top-width: 0;
  border-bottom-color: hsla(0, 0%, 53%, .2);
  top: 0
}

.sm-popover-placement-bottom>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-bottomLeft>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-bottomRight>.sm-popover-content>.sm-popover-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -7px;
  border-top-width: 0;
  border-bottom-color: #fff
}

.sm-popover-placement-bottom>.sm-popover-content>.sm-popover-arrow {
  left: 50%;
  margin-left: -8px
}

.sm-popover-placement-bottomLeft>.sm-popover-content>.sm-popover-arrow {
  left: 16px
}

.sm-popover-placement-bottomRight>.sm-popover-content>.sm-popover-arrow {
  right: 16px
}

.sm-popover-placement-left>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-leftBottom>.sm-popover-content>.sm-popover-arrow,
.sm-popover-placement-leftTop>.sm-popover-content>.sm-popover-arrow {
  right: 0;
  border-right-width: 0;
  border-left-color: hsla(0, 0%, 53%, .2)
}

.sm-popover-placement-left>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-leftBottom>.sm-popover-content>.sm-popover-arrow:after,
.sm-popover-placement-leftTop>.sm-popover-content>.sm-popover-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -7px
}

.sm-popover-placement-left>.sm-popover-content>.sm-popover-arrow {
  top: 50%;
  margin-top: -8px
}

.sm-popover-placement-leftTop>.sm-popover-content>.sm-popover-arrow {
  top: 12px
}

.sm-popover-placement-leftBottom>.sm-popover-content>.sm-popover-arrow {
  bottom: 12px
}

.sm-label {
  display: inline-block;
  vertical-align: bottom
}

.text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.sm-switch {
  cursor: pointer;
  margin-bottom: 0
}

.sm-switch .groove {
  width: 43px;
  border-radius: 10px;
  background: #eee;
  height: 20px;
  box-shadow: inset 0 2px 3px #ccc;
  border: 1px solid #ddd;
  background: -moz-linear-gradient(top, #f5f5f5, #ededed);
  background: -webkit-linear-gradient(top, #f5f5f5, #ededed);
  background: -o-linear-gradient(top, #f5f5f5, #ededed);
  background: -ms-linear-gradient(top, #f5f5f5, #ededed);
  background: linear-gradient(180deg, #f5f5f5, #ededed)
}

.sm-switch .stick {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
  margin-top: -23px;
  background: #fff;
  box-shadow: 0 2px 4px #999;
  border: 1px solid #ddd;
  background: -moz-linear-gradient(top, #fff, #f0f0f0);
  background: -webkit-linear-gradient(top, #fff, #f0f0f0);
  background: -o-linear-gradient(top, #fff, #f0f0f0);
  background: -ms-linear-gradient(top, #fff, #f0f0f0);
  background: linear-gradient(180deg, #fff, #f0f0f0);
  left: 0;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  transition: all .2s ease-in
}

.sm-switch.on .groove {
  background: #48ae0a;
  border-color: #349e00;
  box-shadow: inset 0 2px 3px #349e00;
  background: -moz-linear-gradient(top, #56ba17, #3fa701);
  background: -webkit-linear-gradient(top, #56ba17, #3fa701);
  background: -o-linear-gradient(top, #56ba17, #3fa701);
  background: -ms-linear-gradient(top, #56ba17, #3fa701);
  background: linear-gradient(180deg, #56ba17, #3fa701)
}

.sm-switch.on .stick {
  left: 25px
}

.sm-switch * {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.sm-tab .tab-head-wrap {
  padding: 0 10px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px
}

.sm-tab .tab-head-item {
  cursor: pointer;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: -1px;
  font-size: 12px;
  line-height: 34px;
  color: #a5a5a5
}

.sm-tab .tab-head-item.selected {
  color: #333;
  border-bottom: 2px solid #41464b
}

.sm-tab .tab-head-item:hover {
  color: #333
}

.sm-tab .tab-content-wrap {
  padding: 0 10px
}

.sm-dropdown-button.role-empty:after {
  display: none
}

.list-top-header {
  position: relative;
  width: 100%;
  z-index: 100
}

.list-top-header.table,
.list-top-header.table .list-header-wrap {
  height: 110px
}

.list-top-header.tiled,
.list-top-header.tiled .list-header-wrap {
  height: 70px
}

.list-top-header.tiled .list-header-wrap.scroll:after {
  opacity: 1
}

.list-top-header.tiled .list-header-wrap:after {
  content: "";
  position: absolute;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  display: block;
  width: 100%;
  height: 50px;
  top: 69px;
  left: 0;
  background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 97%, 0), #f7f7f7);
  background-image: linear-gradient(0deg, hsla(0, 0%, 97%, 0), #f7f7f7);
  pointer-events: none
}

.list-header-wrap {
  position: fixed;
  z-index: 2;
  top: 50px;
  width: 856px;
  left: calc(50% + 25px);
  left: calc(50vw + 25px);
  margin-left: -450px;
  background-color: #f7f7f7
}

.list-crumb-header {
  width: 856px;
  min-height: 70px;
  margin-left: auto;
  margin-right: auto
}

.list-top-right-wrap {
  float: left;
  position: relative;
  display: inline-block;
  width: 276px;
  box-sizing: border-box;
  margin-bottom: 10px;
  margin-top: 35px
}

.list-top-right-wrap .folder-top-right-dropdown {
  top: 32px;
  left: 78px
}

.list-folder-short-cut {
  display: inline-block;
  margin-right: 0;
  margin-left: 73px;
  width: 146px;
  line-height: 12px
}

.no-collaborators {
  width: 124px;
  margin-left: 95px
}

.folder-collaborators-container {
  display: inline-block;
  line-height: 12px;
  width: 82px;
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer
}

.folder-collaborators-container .folder-collaborators-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 12px;
  vertical-align: middle;
  margin-right: 8px;
  padding: 0;
  border: none;
  background-image: url("https://assets-cdn.shimo.im/assets/images/folder_shortcut-505902268b.png");
  background-repeat: no-repeat;
  background-size: 36px 64px;
  background-position: -2px 0
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .folder-collaborators-container .folder-collaborators-icon {
      background-image: url("https://assets-cdn.shimo.im/assets/images/folder_shortcut_2x-58532a3e42.png")
  }
}

.folder-collaborators-container .folder-collaborators-number {
  display: inline-block;
  padding: 0;
  border: none;
  line-height: 12px;
  vertical-align: middle;
  font-size: 12px;
  color: #a5a5a5
}

.folder-collaborators-container .folder-collaborators-number span:first-child {
  padding-right: 0
}

.folder-collaborators-container .folder-collaborators-number span:last-child {
  padding-left: 0
}

.folder-collaborators-container:hover .folder-collaborators-icon {
  background-position: -18px 0
}

.folder-collaborators-container:hover .folder-collaborators-number {
  color: #666
}

.folder-no-collaborators {
  line-height: 24px;
  padding: 0;
  border: none;
  vertical-align: middle;
  font-size: 12px;
  color: #6886aa;
  cursor: pointer
}

.folder-no-collaborators:hover {
  color: #6290cc
}

.list-folder-setting {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 25px;
  line-height: 12px;
  padding: 0;
  border: none;
  vertical-align: middle;
  background-image: url("https://assets-cdn.shimo.im/assets/images/folder_shortcut-505902268b.png");
  background-repeat: no-repeat;
  background-size: 36px 64px;
  background-position: -2px -48px;
  cursor: pointer
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .list-folder-setting {
      background-image: url("https://assets-cdn.shimo.im/assets/images/folder_shortcut_2x-58532a3e42.png")
  }
}

.list-folder-setting:hover {
  background-position: -18px -48px
}

.sm-mode-switcher {
  display: inline-block;
  float: right;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  line-height: 12px
}

.sm-mode-switcher:hover .mode-tiled-icon {
  background-position: -18px -16px
}

.sm-mode-switcher:hover .mode-table-icon {
  background-position: -18px -32px
}

.sm-mode-switcher:hover .list-mode-name {
  color: #666
}

.sm-mode-switcher .list-mode-icon {
  display: inline-block;
  float: left;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url("https://assets-cdn.shimo.im/assets/images/folder_shortcut-505902268b.png");
  background-size: 36px 64px;
  background-repeat: no-repeat
}

.sm-mode-switcher .mode-tiled-icon {
  background-position: -2px -16px
}

.sm-mode-switcher .mode-table-icon {
  background-position: -2px -32px
}

.sm-mode-switcher .list-mode-name {
  display: inline-block;
  color: #a5a5a5;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .sm-mode-switcher .list-mode-switcher:hover .mode-tiled-icon {
      background-position: -18px -16px
  }
  .sm-mode-switcher .list-mode-switcher:hover .mode-table-icon {
      background-position: -18px -32px
  }
  .sm-mode-switcher .list-mode-icon {
      background-image: url("https://assets-cdn.shimo.im/assets/images/folder_shortcut_2x-58532a3e42.png")
  }
}

.sm-list-header {
  display: block;
  position: relative;
  width: 836px;
  height: 40px;
  line-height: 40px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #e5e5e5
}

.sm-list-header .table-header-text {
  float: left
}

.sm-list-header .list-table-cell {
  display: inline-block;
  float: left;
  color: #4b4b4b;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.sm-list-header .list-table-cell.table-header {
  color: #a5a5a5;
  cursor: pointer
}

.sm-list-header .list-table-cell.table-header.active {
  color: #666
}

.sm-list-header .list-table-cell.table-header.active .order-type-icon {
  display: inline-block
}

.sm-list-header .list-table-cell.table-header:hover {
  color: #333
}

.sm-list-header .list-table-cell.table-header:hover .order-type-icon.desc {
  background-position: -101px -15px
}

.sm-list-header .list-table-cell.table-header:hover .order-type-icon.asc {
  background-position: -108px -15px
}

.sm-list-header .list-table-cell.table-header.is-recent {
  cursor: default;
  color: #a5a5a5
}

@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-devicepixel-ratio:1.5),
only screen and (min-resolution:1.5dppx) {
  .sm-list-header .list-table-cell.table-header:hover .order-type-icon.desc {
      background-position: -102px -15px
  }
  .sm-list-header .list-table-cell.table-header:hover .order-type-icon.asc {
      background-position: -109px -15px
  }
  .sm-list-header .order-type-icon.desc {
      background-position: -102px 0
  }
  .sm-list-header .order-type-icon.asc {
      background-position: -109px 0
  }
}

.sm-add-drawer {
  padding-left: 4px;
  margin-bottom: 14px
}

.sm-add-drawer .add-entry-btn {
  display: block;
  width: 84px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 1px;
  color: #fff;
  text-align: center;
  background-color: #41464b;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2)
}

.sm-add-drawer .add-entry-wrap.unactive .add-entry-btn {
  -webkit-box-shadow: 0 2px 6px 0 transparent;
  -moz-box-shadow: 0 2px 6px 0 transparent;
  -ms-box-shadow: 0 2px 6px 0 transparent;
  -o-box-shadow: 0 2px 6px 0 transparent;
  box-shadow: 0 2px 6px 0 transparent
}

.sm-add-drawer .add-entry-wrap.unactive .add-entry-btn:hover {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  -ms-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  -o-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2)
}

.sm-add-drawer .add-entry-wrap .menu-wrap:after,
.sm-add-drawer .add-entry-wrap .menu-wrap:before,
.sm-add-drawer .add-entry-wrap.unactive .menu-wrap {
  display: none
}

.sm-add-drawer .add-entry-wrap.d-menu-wrap .d-menu-display-wrap:hover {
  -webkit-box-shadow: 0 0 0 0 hsla(0, 0%, 80%, 0);
  -moz-box-shadow: 0 0 0 0 hsla(0, 0%, 80%, 0);
  -ms-box-shadow: 0 0 0 0 hsla(0, 0%, 80%, 0);
  -o-box-shadow: 0 0 0 0 hsla(0, 0%, 80%, 0);
  box-shadow: 0 0 0 0 hsla(0, 0%, 80%, 0)
}

.sm-add-drawer .add-entry-wrap.d-menu-wrap .menu-wrap {
  width: 125px;
  margin-left: 0;
  margin-top: 5px;
  padding-top: 13px;
  padding-bottom: 13px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
  -o-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
  border-radius: 2px
}

.sm-add-drawer .add-entry-wrap.d-menu-wrap .menu-item {
  padding-left: 20px;
  height: 32px;
  line-height: 32px
}

.sm-add-drawer .add-entry-wrap.d-menu-wrap .menu-item:hover {
  background-color: #f5f5f5
}

.sm-add-drawer .add-entry-wrap.d-menu-wrap .menu-divider {
  display: block;
  width: 94px;
  height: 0;
  margin: 5px auto;
  border-bottom: 1px solid #ddd
}

.sm-add-drawer .add-entry-wrap.d-menu-wrap .add-item-text {
  float: left;
  padding-left: 12px;
  color: #666;
  font-size: 12px
}

.sm-add-drawer.dropdown-at-center {
  padding-left: 0;
  text-align: center
}

.sm-add-drawer.dropdown-at-center .add-entry-wrap.d-menu-wrap {
  width: 84px
}

.sm-add-drawer.dropdown-at-center .add-entry-wrap.d-menu-wrap .menu-wrap {
  margin-left: -20px
}

.sm-list-tabs {
  position: relative;
  width: 140px;
  font-size: 0
}

.sm-list-tabs .list-tab-header {
  padding: 2px 12px 12px 5px;
  margin-top: 22px;
  color: #41464b
}

.sm-list-tabs .list-tab,
.sm-list-tabs .list-tab-header {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 12px
}

.sm-list-tabs .list-tab {
  color: #a5a5a5;
  padding: 4px 12px 4px 38px;
  margin: 0 0 6px -6px;
  position: relative;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  -webkit-transition: transform .1s linear;
  -moz-transition: transform .1s linear;
  transition: transform .1s linear;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px
}

.sm-list-tabs .list-tab span {
  pointer-events: none
}

.sm-list-tabs .list-tab.desktop .list-tab-icon {
  background-position: 0 -30px
}

.sm-list-tabs .list-tab.team .list-tab-icon {
  background-position: -60px -100px
}

.sm-list-tabs .list-tab.recent .list-tab-icon {
  background-position: -20px -30px
}

.sm-list-tabs .list-tab.favorites .list-tab-icon {
  background-position: -40px -30px
}

.sm-list-tabs .list-tab.trash .list-tab-icon {
  background-position: -60px -30px
}

.sm-list-tabs .list-tab.enterprise .list-tab-icon {
  background-position: -80px -30px
}

.sm-list-tabs .list-tab.member .list-tab-icon {
  background-position: -100px -30px
}

.sm-list-tabs .list-tab.active {
  color: #262626;
  font-weight: 700
}

.sm-list-tabs .list-tab.active.desktop .list-tab-icon {
  background-position: 0 -50px
}

.sm-list-tabs .list-tab.active.team .list-tab-icon {
  background-position: -60px -140px
}

.sm-list-tabs .list-tab.active.recent .list-tab-icon {
  background-position: -20px -50px
}

.sm-list-tabs .list-tab.active.favorites .list-tab-icon {
  background-position: -40px -50px
}

.sm-list-tabs .list-tab.active.trash .list-tab-icon {
  background-position: -60px -50px
}

.sm-list-tabs .list-tab.scale {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2)
}

.sm-list-tabs .list-tab.ondrag {
  border-color: #d6d6d6;
  background-color: #ebebeb
}

.sm-list-tabs .list-tab .smtooltip {
  display: block;
  position: absolute;
  width: 240px;
  top: 0;
  left: 128px;
  cursor: default;
  font-weight: 400
}

.sm-list-tabs .list-tab-icon {
  position: absolute;
  left: 6px;
  top: 3px;
  height: 20px;
  width: 20px
}

.sm-list-sidebar {
  position: fixed;
  width: 140px;
  top: 74px;
  left: 50%;
  margin-left: -568px;
  font-size: 0;
  z-index: 104
}

.sm-list-sidebar.is-alpha {
  top: 121px
}

@media screen and (max-width:1176px) {
  .sm-list-sidebar {
      margin-left: 0;
      left: 20px
  }
}

.maintenance .sm-list-sidebar {
  top: 116px
}

.header-beta {
  background-color: #E6E6E6;
  color: #FFF;
  padding: 2px 4px 2px 0;
  margin-left: 100px;
  position: relative;
  top: 2px;
}
.header-beta::before {
  content: '';
  position: absolute;
  left: -19px;
  top: 0;
  border: 9px solid transparent;
  border-right: 10px solid #E6E6E6;
}
.menu-header {
  font-size: 13px;
  margin-top: 50px;
  margin-bottom: 10px;
  font-weight: bold;
}
.article {
  font-size: 13px;
  line-height: 2;
  background-color: #FFF;
  padding: 5px 35px 20px;
}
.article h3 {
  font-size: 22px;
  color: #393939;
  font-weight: normal;
}
.article p {
  color: #393939;
  margin-top: 20px;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  padding: 0;
  border-top: 4px dashed;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.control-menu {
  margin-top: 36px;
}
.control-menu span {
  color: #393939;
}
.control-menu label {
  font-weight: normal;
  margin-left: 10px;
}
input[type=range] {
  box-shadow: none;
  vertical-align: middle;
}
.split {
  color: #393939;
  margin-left: 10px;
  margin-right: 10px;
}
.mr-3 {
  margin-right: 15px;
}